/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
*,*::before,*::after{box-sizing:border-box;}html,body{margin:0;padding:0;}body{font-family:Arial,Helvetica,sans-serif;background:#f4f0e8;color:#111;line-height:1.5;}.site-wrapper{min-height:100vh;}.site-header{background:#8f1d21;border-bottom:4px solid #111;min-height:auto;}.header-inner{max-width:1400px;margin:0 auto;padding:2rem 3rem;display:flex;align-items:center;justify-content:space-between;}.site-branding-wrap a,.site-branding-wrap .site-name,.site-branding-wrap .site-branding__name,.site-branding-wrap .site-branding__name a{color:#fff !important;font-size:2.2rem;font-weight:900;text-decoration:none !important;letter-spacing:-0.04em;}.site-header ul,.site-header ul.menu,.site-header nav ul,.site-header .menu{list-style:none !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:row !important;gap:1.6rem;align-items:center;justify-content:flex-end;}.site-header li,.site-header .menu li{list-style:none !important;margin:0 !important;padding:0 !important;}.site-header nav a,.site-header .menu a,.site-header li a{color:#fff !important;text-decoration:none !important;font-size:0.85rem;font-weight:900;text-transform:uppercase;letter-spacing:0.12em;border-bottom:3px solid transparent;padding-bottom:0.25rem;}.site-header nav a:hover,.site-header .menu a:hover,.site-header li a:hover{color:#d8b24a !important;border-bottom-color:#d8b24a;}.site-header h2,.site-header .block-title,.site-header .visually-hidden{position:absolute !important;left:-9999px !important;}.site-main{max-width:1400px;margin:0 auto;padding:2rem;}.highlighted-section,.breadcrumb-section,.site-footer{max-width:1400px;margin:0 auto;padding:0 2rem;}p{max-width:70ch;}h1{max-width:1400px;margin:0 auto;padding:7rem 2rem 1.5rem;font-size:clamp(4.5rem,9vw,8rem);line-height:0.86;letter-spacing:-0.065em;text-transform:uppercase;font-weight:900;color:#111;}h1::before{content:"FUNCTION \00B7  FORM \00B7  FEELING";display:block;color:#8f1d21;font-size:0.85rem;line-height:1;font-weight:900;letter-spacing:0.22em;text-transform:uppercase;margin:0 0 1rem;}h1::before{content:"FUNCTION \00B7  FORM \00B7  FEELING";display:block;color:#8f1d21;font-size:0.85rem;line-height:1;font-weight:900;letter-spacing:0.22em;text-transform:uppercase;margin:0 0 1rem;}body.path-portfolio h1::before{content:"SELECTED WORK \00B7  STRUCTURE \00B7  CONTRAST";}body.path-video-tutorials h1::before{content:"INSTRUCTION \00B7  MOTION \00B7  CLARITY";}body.path-about h1::before{content:"CLARITY \00B7  CONTRAST \00B7  PERSONALITY";}body.path-resume h1::before{content:"EXPERIENCE \00B7  TOOLS \00B7  CRAFT";}body.path-contact h1::before{content:"SIGNAL \00B7  RESPONSE \00B7  CONNECTION";}.bauhaus-name,.about-hero h1,.resume-name,.page-hero h1,.portfolio-card h1,.node__content h1,.layout-content h1,.layout-builder__layout h1{padding:0;}.bauhaus-name::before,.about-hero h1::before,.resume-name::before,.page-hero h1::before,.portfolio-card h1::before,.node__content h1::before,.layout-content h1::before,.layout-builder__layout h1::before{content:none;display:none;}.node__content h1,.layout-content h1,.layout-builder__layout h1{font-size:3rem;line-height:1.05;margin-top:0;}.bauhaus-hero{max-width:1400px;margin:0 auto;padding:5rem 2rem 2rem;display:grid;grid-template-columns:1.1fr 0.9fr;gap:3rem;align-items:center;}.bauhaus-left{max-width:700px;}.bauhaus-kicker{margin:0 0 1rem;font-size:0.85rem;letter-spacing:0.16em;text-transform:uppercase;color:#8f1d21;font-weight:700;}.bauhaus-name{margin:0;font-size:clamp(3.2rem,8vw,7rem);line-height:0.9;letter-spacing:-0.04em;text-transform:uppercase;}.bauhaus-intro{margin-top:1.5rem;font-size:1.2rem;line-height:1.6;max-width:32rem;}.bauhaus-links{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem;}.bauhaus-links a{display:inline-block;text-decoration:none;color:#111;font-weight:700;border-bottom:3px solid #8f1d21;padding-bottom:0.15rem;}.bauhaus-links a:hover,.bauhaus-links a:focus{color:#8f1d21;}.bauhaus-right{position:relative;min-height:420px;}.shape{position:absolute;}.shape-black{width:240px;height:240px;background:#111;top:20px;left:30px;}.shape-gold{width:170px;height:170px;background:#d4af37;top:140px;left:190px;}.shape-red{width:120px;height:120px;background:#8f1d21;top:260px;left:80px;}.shape-line{position:absolute;width:220px;height:220px;border:5px solid #111;top:95px;left:110px;background:transparent;}.bauhaus-grid{max-width:1400px;margin:0 auto;padding:1rem 2rem 4rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}.bau-box{padding:1.5rem;min-height:220px;}.bau-box h2{margin-top:0;margin-bottom:1rem;font-size:1.5rem;text-transform:uppercase;line-height:1;}.bau-box p{margin:0;max-width:28ch;}.bau-box-outline{border:3px solid #111;background:transparent;}.bau-box-solid{background:#111;color:#f4f0e8;border:3px solid #111;}.bau-box-solid h2{color:#d4af37;}.portfolio-hero{max-width:1400px;margin:0 auto;padding:1rem 2rem 2rem;}.portfolio-kicker{margin:0 0 1rem;font-size:0.85rem;letter-spacing:0.18em;text-transform:uppercase;color:#8f1d21;font-weight:800;}.portfolio-intro{margin-top:1.5rem;font-size:1.25rem;line-height:1.6;max-width:44rem;}.portfolio-grid{max-width:1400px;margin:0 auto;padding:2rem 2rem 5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}.portfolio-card{border:3px solid #111;padding:1.5rem;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;background:transparent;}.portfolio-card-dark{background:#111;color:#f4f0e8;}.portfolio-card-label{margin:0 0 1rem;color:#8f1d21;font-size:0.8rem;font-weight:900;letter-spacing:0.16em;text-transform:uppercase;}.portfolio-card-dark .portfolio-card-label{color:#d4af37;}.portfolio-card h2{margin:0 0 1rem;font-size:2rem;line-height:0.95;text-transform:uppercase;}.portfolio-card p{max-width:32ch;}.portfolio-card a{color:inherit;font-weight:900;text-decoration:none;border-bottom:3px solid #8f1d21;width:fit-content;}.portfolio-card-dark a{border-bottom-color:#d4af37;}.resume-bauhaus-hero{max-width:1400px;margin:0 auto;padding:3rem 2rem 2rem;display:grid;grid-template-columns:1.1fr 0.9fr;gap:3rem;align-items:center;}.resume-hero-left{max-width:760px;}.resume-kicker{margin:0 0 1rem;font-size:0.85rem;letter-spacing:0.18em;text-transform:uppercase;color:#8f1d21;font-weight:700;}.resume-name{margin:0;font-size:clamp(3.5rem,8vw,7.5rem);line-height:0.9;letter-spacing:-0.04em;text-transform:uppercase;}.resume-summary{margin-top:1.5rem;font-size:1.2rem;line-height:1.6;max-width:40rem;}.resume-hero-right{position:relative;min-height:360px;}.resume-shape{position:absolute;}.resume-shape-black{width:220px;height:220px;background:#111;top:10px;left:90px;}.resume-shape-red{width:150px;height:150px;background:#8f1d21;top:170px;left:20px;}.resume-shape-gold{width:180px;height:180px;background:#d4af37;top:120px;left:220px;}.resume-shape-outline{position:absolute;width:210px;height:210px;border:5px solid #111;top:85px;left:155px;}.resume-top-grid{max-width:1400px;margin:0 auto;padding:1rem 2rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}.resume-panel{padding:1.6rem;min-height:220px;}.resume-panel h2{margin-top:0;margin-bottom:1rem;font-size:1.7rem;text-transform:uppercase;line-height:1;}.resume-panel-outline{border:3px solid #111;background:transparent;}.resume-panel-dark{background:#111;color:#f4f0e8;border:3px solid #111;}.resume-panel-dark h2{color:#d4af37;}.resume-list{margin:0;padding-left:1.2rem;}.resume-section{max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:220px 1fr;gap:2rem;align-items:start;}.resume-section-label{font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.14em;color:#8f1d21;border-top:4px solid #111;padding-top:1rem;}.resume-section-content{min-width:0;}.resume-entry{border-top:3px solid #111;padding:1.2rem 0 1.6rem;}.resume-entry:first-child{padding-top:0;border-top-width:4px;}.resume-entry-top{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;flex-wrap:wrap;}.resume-entry h3{margin:0;font-size:2rem;line-height:1;text-transform:uppercase;}.resume-date{font-weight:700;color:#8f1d21;text-transform:uppercase;letter-spacing:0.06em;}.resume-org{margin:0.5rem 0 0.85rem;font-weight:700;}.resume-tags{margin-top:0.9rem;font-size:0.95rem;text-transform:uppercase;letter-spacing:0.05em;color:#333;}.resume-tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;}.resume-tool-box{border:3px solid #111;padding:1rem;font-weight:700;text-transform:uppercase;min-height:90px;display:flex;align-items:center;}.about-wrap{max-width:1400px;margin:0 auto;padding:4rem 2rem 6rem;background:#f4f0e8;color:#111;}.about-hero-clean{display:grid;grid-template-columns:1fr 420px;gap:4rem;align-items:center;margin-bottom:4rem;}.about-copy{max-width:760px;}.about-kicker,.card-label{margin:0 0 1rem;font-size:0.78rem;letter-spacing:0.22em;text-transform:uppercase;color:#8f1d21;font-weight:900;}.about-copy h1{margin:0;font-size:clamp(3.5rem,7vw,7rem);line-height:0.88;letter-spacing:-0.06em;text-transform:uppercase;}.about-lede{margin:1.5rem 0 0;max-width:48rem;font-size:1.25rem;line-height:1.6;}.geo-head{position:relative;width:420px;height:460px;margin-left:auto;}.geo-hair{position:absolute;width:270px;height:270px;border-radius:50%;background:#d4af37;top:25px;left:60px;}.geo-face{position:absolute;width:215px;height:260px;background:#f4f0e8;border:5px solid #111;border-radius:48% 48% 44% 44%;top:85px;left:95px;z-index:3;}.geo-glasses{position:absolute;width:72px;height:48px;border:5px solid #111;background:transparent;top:175px;z-index:5;}.geo-glasses-left{left:120px;}.geo-glasses-right{left:202px;}.geo-bridge{position:absolute;width:18px;height:5px;background:#111;top:198px;left:192px;z-index:6;}.geo-nose{position:absolute;width:5px;height:42px;background:#111;top:215px;left:200px;z-index:6;}.geo-mouth{position:absolute;width:72px;height:28px;border-bottom:5px solid #111;border-radius:0 0 50% 50%;top:275px;left:165px;z-index:6;}.geo-red-block{position:absolute;width:115px;height:115px;background:#8f1d21;top:290px;left:35px;z-index:1;}.geo-gold-block{position:absolute;width:130px;height:130px;background:#d4af37;border:5px solid #111;top:295px;left:270px;z-index:2;}.geo-black-dot{position:absolute;width:55px;height:55px;background:#111;border-radius:50%;top:25px;left:285px;z-index:4;}.about-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}.about-card{border:3px solid #111;background:#f4f0e8;padding:1.5rem;min-height:290px;}.about-card-dark{background:#111;color:#f4f0e8;}.about-card-dark .card-label{color:#d4af37;}.about-card h2{margin:0 0 1rem;font-size:clamp(1.8rem,3vw,2.6rem);line-height:0.95;letter-spacing:-0.04em;text-transform:uppercase;}.about-card p{margin:0;font-size:1.05rem;line-height:1.55;}@media (max-width:900px){.about-wrap{padding:3rem 1.25rem 5rem;}.about-hero-clean{grid-template-columns:1fr;gap:2rem;}.geo-head{width:320px;height:360px;margin:0 auto;transform:scale(0.82);transform-origin:top center;}.about-card-grid{grid-template-columns:1fr;}}@media (max-width:980px){.bauhaus-hero,.resume-bauhaus-hero,.resume-top-grid,.resume-section,.about-hero,.about-grid,.about-split{grid-template-columns:1fr;}.bauhaus-right{min-height:320px;}.resume-hero-right{min-height:300px;}.bauhaus-grid,.portfolio-grid{grid-template-columns:1fr;}.resume-tool-grid{grid-template-columns:1fr 1fr;}}@media (max-width:800px){.header-inner{flex-direction:column;align-items:flex-start;gap:1.25rem;}.site-header ul,.site-header ul.menu,.site-header nav ul,.site-header .menu{flex-direction:column !important;align-items:flex-start;gap:0.75rem;}h1{padding-top:4rem;font-size:clamp(3rem,18vw,5rem);}}@media (max-width:640px){.resume-tool-grid{grid-template-columns:1fr;}.resume-entry h3{font-size:1.5rem;}.about-hero{padding-top:3rem;}.about-grid,.about-split,.about-statement,.about-closing{padding-left:1.25rem;padding-right:1.25rem;}.about-face{transform:scale(0.8);transform-origin:top left;min-height:310px;}}.tutorial-intro{max-width:1400px;margin:0 auto;padding:1rem 2rem 2rem;}.video-showcase-grid{max-width:1400px;margin:0 auto;padding:2rem 2rem 6rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;}.video-card{border:3px solid #111;padding:1.5rem;background:transparent;min-height:520px;}.video-card-dark{background:#111;color:#f4f0e8;}.video-embed{width:100%;aspect-ratio:16 / 9;border:3px solid #111;background:#111;overflow:hidden;margin-bottom:1.25rem;}.video-card-dark .video-embed{border-color:#f4f0e8;}.video-embed iframe{width:100%;height:100%;border:0;display:block;}.video-card-label{margin:0 0 1rem;color:#8f1d21;font-size:0.8rem;font-weight:900;letter-spacing:0.16em;text-transform:uppercase;}.video-card-dark .video-card-label{color:#d4af37;}.video-card h2{margin:0 0 1rem;font-size:2rem;line-height:0.95;text-transform:uppercase;}.video-card p{max-width:32ch;}@media (max-width:980px){.video-showcase-grid{grid-template-columns:1fr;}}.video-cover-link{display:block;border:3px solid #111;background:#111;overflow:hidden;margin-bottom:1.25rem;}.video-card-dark .video-cover-link{border-color:#f4f0e8;}.video-cover-link img{display:block;width:100%;height:auto;}
