@font-face{font-family:'Cormorant MMTS';src:url('assets/cormorant-garamond.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
.brand-intro{display:none;position:fixed;inset:0;z-index:100;background:#08090a;color:#fff;overflow:hidden;opacity:1;transition:opacity .75s ease;isolation:isolate}
.intro-enabled{overflow:hidden}.intro-enabled .brand-intro:not([hidden]){display:block}.intro-enabled .site-shell{visibility:hidden}.brand-intro[hidden]{display:none!important}
.intro-logo,.intro-word,.intro-drawing{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease;pointer-events:none}
.intro-logo{opacity:1}.brand-intro[data-phase="logo"] .intro-logo img{animation:logo-arrival 1s ease both}.intro-logo img{width:clamp(240px,28vw,380px);height:auto;filter:none;mix-blend-mode:normal}
.intro-word{opacity:0;font-family:'Cormorant MMTS',Georgia,serif;font-size:clamp(66px,10vw,154px);font-weight:400;letter-spacing:-.035em;line-height:1.05;text-align:center;padding:20px;color:#fff}
.intro-word.word-arrival{animation:word-arrival 2.4s cubic-bezier(.2,.6,.3,1) both}
.intro-drawing{opacity:0;padding:7vh 6vw 10vh}.intro-drawing canvas,.sketch-fallback{width:min(1050px,90vw);height:min(76vh,800px);object-fit:contain}
.sketch-fallback{filter:grayscale(1) invert(1);mix-blend-mode:screen}.sketch-fallback[hidden]{display:none}
.brand-intro[data-phase="words"] .intro-logo,.brand-intro[data-phase="sketch"] .intro-logo,.brand-intro[data-phase="complete"] .intro-logo{opacity:0}
.brand-intro[data-phase="sketch"] .intro-word,.brand-intro[data-phase="complete"] .intro-word{display:none}
.brand-intro[data-phase="sketch"] .intro-drawing,.brand-intro[data-phase="complete"] .intro-drawing{opacity:1}
.intro-skip{position:absolute;right:40px;bottom:30px;font-size:12px;letter-spacing:.025em;color:#b6b8ba;padding:12px 0;opacity:1;transition:opacity .4s;z-index:2}.intro-skip span{margin-left:18px}.intro-skip:hover{color:#fff}.brand-intro[data-phase="logo"] .intro-skip{opacity:0}.intro-skip:focus-visible{opacity:1!important;outline:1px solid white}
.intro-enabled.intro-leaving .site-shell{visibility:visible}.intro-leaving .brand-intro{opacity:0;pointer-events:none}.replay-intro{font-size:inherit;color:inherit}.replay-intro:hover{text-decoration:underline}
.hero h1,.office-copy .statement,.contact h2{font-family:'Cormorant MMTS',Georgia,serif;font-weight:400;letter-spacing:-.025em}.hero h1{font-size:clamp(34px,3.4vw,52px)}.office-copy .statement{font-size:clamp(40px,4.2vw,65px)}.contact h2{font-size:clamp(43px,5vw,72px)}
@keyframes logo-arrival{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@keyframes word-arrival{0%{opacity:0;transform:translateY(8px);filter:blur(2px)}34%,72%{opacity:1;transform:translateY(0);filter:blur(0)}100%{opacity:0;transform:translateY(-4px);filter:blur(1px)}}
@media(max-width:650px){.intro-word{font-size:clamp(58px,15vw,95px)}.intro-logo img{width:min(275px,75vw)}.intro-drawing{padding:8vh 2vw 12vh}.intro-drawing canvas,.sketch-fallback{width:96vw;height:65vh}.intro-skip{right:22px;bottom:22px;font-size:12px}.hero h1{font-size:36px}.office-copy .statement{font-size:47px}}
@media(prefers-reduced-motion:reduce){.brand-intro{display:none!important}.intro-enabled .site-shell{visibility:visible}.intro-enabled{overflow:auto}.replay-intro{display:none}}

@supports (background-clip:text){.intro-word{background:linear-gradient(110deg,#ffffff 22%,#f1f3f5 54%,#cbd4da 100%);background-clip:text;-webkit-background-clip:text;color:transparent}}
/* Match the display typography of Idee. Raum. */
.brand-intro{background:#000}
.intro-word{font-family:'Helvetica Neue',Arial,sans-serif;font-weight:500;letter-spacing:-.085em;font-size:clamp(36px,10vw,154px);line-height:1.05}
@media(max-width:700px){.intro-word{font-size:10vw;padding:12px}}