@font-face{font-family:Cormorant;src:url(shared/fonts/cormorant-400.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(shared/fonts/manrope-400.ttf) format('truetype');font-weight:400;font-display:swap}
:root{--coal:#201e1b;--paper:#ddd6cb;--ink:#2d2924;--text:#e5e0d7;--muted:#bdb7ac;--pad:clamp(25px,4.5vw,85px);--serif:Cormorant,Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--coal);color:var(--text);font:400 14px/1.8 Manrope,sans-serif;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.04}h2{font-size:clamp(46px,4.3vw,70px)}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;border:0;background:none;cursor:pointer;padding:0}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid currentColor;outline-offset:7px}.skip{position:fixed;top:-80px;left:20px;z-index:20;background:var(--coal);padding:10px 20px}.skip:focus{top:10px}.eyebrow{font:400 10px/1.7 Manrope,sans-serif;text-transform:uppercase;letter-spacing:.19em}.section-lead{font-family:var(--serif);font-size:29px;line-height:1.16}.line-link{display:inline-flex;gap:20px;align-items:center;font-size:9px;text-transform:uppercase;letter-spacing:.19em;padding:12px 0;line-height:1.6}.line-link::before{content:'';display:block;width:30px;height:1px;background:currentColor;opacity:.65;transition:width .25s}.line-link span{font-size:24px;font-family:Georgia,serif;font-weight:400;line-height:1}.line-link:hover::before{width:43px}.light{background:var(--paper);color:var(--ink)}.light p:not(.eyebrow):not(.section-lead){color:#59534a}
.header{position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:24px var(--pad)}.logo{width:190px}.header nav{display:flex;gap:36px;margin-right:9%}.header nav a{font-size:9px;text-transform:uppercase;letter-spacing:.2em;padding:12px 0;border-bottom:1px solid transparent}.header nav a:hover{border-color:#bfb7a9}.menu-toggle{width:28px;height:32px;display:grid;align-content:center;gap:6px}.menu-toggle span{display:block;width:23px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu:not([hidden]){position:absolute;z-index:6;right:var(--pad);top:105px;background:#28241fed;border:1px solid #8c827760;padding:26px 35px;display:flex;flex-direction:column;min-width:270px;backdrop-filter:blur(15px)}.menu>a{font-family:var(--serif);font-size:34px;line-height:1.5}.menu .compare{font-family:Manrope,sans-serif;font-size:10px;margin-top:25px;padding-top:17px;border-top:1px solid #8c827760}
.hero{height:min(820px,95svh);min-height:700px;position:relative;isolation:isolate;background:#1c1a17;overflow:hidden}.hero-image{position:absolute;inset:0 -8% 0 24%;z-index:-2}.hero-image img{height:100%;object-fit:cover;object-position:50% 50%;filter:brightness(.65) saturate(.6)}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171512 0%,#171512ee 27%,#17151285 47%,transparent 76%),linear-gradient(180deg,#17151270,transparent 20%,transparent 80%,#17151255)}.hero-content{padding:190px var(--pad) 90px;max-width:670px}.hero .eyebrow{color:#d1c9bb;font-size:9px}.hero h1{font-size:clamp(94px,10.5vw,158px);letter-spacing:-.045em;margin:12px 0 12px}.hero-statement{font-family:var(--serif);font-size:clamp(34px,3.7vw,55px);line-height:1.06}.hero .intro{max-width:340px;line-height:1.8;font-size:13px;color:#c8c2b7;margin-top:30px}.hero .line-link{margin-top:28px}.vertical-note{position:absolute;right:var(--pad);top:34%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.26em;text-transform:uppercase;color:#d0c9bc}.hero-bottom{position:absolute;bottom:22px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.07em;color:#c2b9aa}.hero-bottom a{display:flex;gap:23px}
.materials{display:grid;grid-template-columns:.85fr 1.3fr;gap:6%;padding:85px var(--pad) 65px}.material-intro{padding-top:18px;max-width:400px}.material-intro h2{margin:17px 0 22px}.material-intro .section-lead{margin-bottom:20px}.material-intro>p:not(.eyebrow):not(.section-lead){font-size:13px;max-width:360px}.material-intro .line-link{margin-top:23px}.material-studies{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.study-image{height:255px;overflow:hidden}.study-image img{height:100%;object-fit:cover;filter:saturate(.45)}.material-studies figure:nth-child(1) img{object-position:62% center;transform:scale(1.4)}.material-studies figure:nth-child(2) img{object-position:50% center;transform:scale(1.45)}.material-studies figure:nth-child(3) img{object-position:56% center}.material-studies figure:nth-child(4) img{object-position:80% center;transform:scale(1.8)}.material-studies figcaption{margin-top:15px}.material-studies h3{font-family:Manrope,sans-serif;font-size:9px;letter-spacing:.18em;text-transform:uppercase;line-height:1.5}.material-studies figcaption p{font-size:10px;line-height:1.5;margin-top:6px;max-width:130px}.material-studies figcaption::after{content:'';display:block;width:25px;height:1px;background:#847b6c;margin-top:16px}
.statement{display:grid;grid-template-columns:1.25fr 1fr;min-height:395px;background:#cdc3b5}.statement-image{min-height:395px;overflow:hidden}.statement-image img{height:100%;max-height:460px;object-fit:cover;object-position:center 42%;filter:saturate(.6) brightness(.83)}.statement-copy{padding:65px 13%;align-self:center}.statement .statement-copy>p{font-family:var(--serif);font-size:clamp(32px,3.4vw,50px);line-height:1.07;color:var(--ink)}.signature{display:flex;align-items:center;gap:23px;text-transform:uppercase;letter-spacing:.18em;font-size:9px;margin-top:36px}.signature::before{content:'';height:1px;width:32px;background:#6f675a}
.works{padding:75px var(--pad) 80px;display:grid;grid-template-columns:.7fr 1.3fr;gap:7%;background:#211f1b}.works-intro{padding-top:22px;max-width:330px}.works h2{margin:18px 0 25px}.works .section-lead{font-size:29px;color:#dcd4c8}.works-intro>p:not(.eyebrow):not(.section-lead){font-size:13px;margin-top:23px;color:#bfb7ab;max-width:300px}.works .line-link{margin-top:25px}.work-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.work{position:relative;text-align:left;overflow:hidden}.work img{height:400px;object-fit:cover;filter:saturate(.55) brightness(.88);transition:filter .4s,transform .6s}.work:hover img{filter:saturate(.85) brightness(1);transform:scale(1.025)}.work:nth-child(2) img{object-position:48% center}.work:nth-child(3) img{object-position:53% center}.work>span{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.16em;text-transform:uppercase;margin-top:16px}.work b{font-size:16px;font-weight:400}
.studio{padding:90px var(--pad) 100px;display:grid;grid-template-columns:.75fr 1.5fr;gap:8%;background:#d4ccbf}.studio-heading{max-width:310px;padding-top:15px}.studio-heading .eyebrow{max-width:240px}.studio h2{margin:18px 0 30px}.studio-heading>p:not(.eyebrow):not(.studio-description){font-family:var(--serif);font-size:30px;line-height:1.15}.people{display:grid;grid-template-columns:1fr 1fr;gap:32px}.people>article>img{height:255px;object-fit:cover;filter:saturate(.55)}.people>article:last-child>img{object-position:30% 45%}.person-copy{padding-top:25px}.person-copy .eyebrow{font-size:8px;letter-spacing:.12em}.person-copy h3{font-size:39px;margin:9px 0 18px}.person-copy>p:not(.eyebrow){font-size:12px;line-height:1.8}.person-copy>p+p:not(.eyebrow){margin-top:12px}.person-copy .line-link{margin-top:15px;font-size:8px;gap:13px}.person-copy .line-link::before{width:20px}
.contact{position:relative;isolation:isolate;overflow:hidden;padding:90px var(--pad) 100px;display:flex;justify-content:space-between;align-items:flex-end;background:#29241e;min-height:460px}.contact-detail{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#221f1ae8 0%,#221f1ac9 48%,#221f1a45),url(images/texture.webp) center 45%/cover;filter:saturate(.35)}.contact h2{font-size:clamp(58px,6vw,92px);margin:18px 0 23px}.contact-copy>p:not(.eyebrow){font-size:13px;color:#c9c0b3}.contact-mail{font-size:20px;display:table;margin:32px 0 15px;border-bottom:1px solid #bdb4a267;padding-bottom:8px}.contact-mail span{margin-left:32px}.contact-phone{font-size:12px;letter-spacing:.1em}.contact-note{font-size:10px;line-height:1.9;text-transform:uppercase;letter-spacing:.2em;margin-right:20px}footer{padding:28px var(--pad);display:flex;justify-content:space-between;align-items:center;gap:30px;background:#201e1b;font-size:13px;color:#b8afa1}.footer-logo{width:150px;flex-shrink:0}footer>a:last-child{white-space:nowrap}
.gallery{padding:22px;width:min(1040px,calc(100% - 30px));max-height:calc(100svh - 30px);color:var(--text);background:#201e1b;border:1px solid #817666}.gallery::backdrop{background:#100e0bee;backdrop-filter:blur(7px)}.gallery-head,.gallery-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.gallery-head{font-size:10px;margin-bottom:20px}.close{padding:8px;font-size:12px}.gallery>img{height:66svh;object-fit:contain}.gallery-bottom{margin-top:20px}.gallery-bottom h2{font-size:36px}.gallery-bottom>div{display:flex;gap:12px}.gallery-bottom button{min-height:40px;padding:8px 12px;border:1px solid #746859;font-size:11px}
@media(min-width:1700px){.materials,.works,.studio{padding-inline:max(var(--pad),calc((100vw - 1560px)/2))}.hero-content{padding-top:200px}}
@media(max-width:1050px){.header nav{margin-right:0;gap:24px}.logo{width:165px}.hero{min-height:680px}.hero-content{padding-top:165px;max-width:530px}.hero h1{font-size:115px}.hero-statement{font-size:43px}.hero .intro{max-width:295px;font-size:12px}.materials{gap:4%;grid-template-columns:.8fr 1.2fr;padding-block:60px}.material-studies{gap:9px}.study-image{height:225px}.material-intro>p:not(.eyebrow):not(.section-lead){font-size:12px}.works{gap:5%;grid-template-columns:.85fr 1.4fr}.work-selection{gap:12px}.work img{height:355px}.studio{gap:5%;grid-template-columns:.6fr 1.4fr}.people{gap:22px}.people>article>img{height:220px}.person-copy .eyebrow{font-size:7px}.statement-copy{padding:45px 11%}.contact-note{margin-right:0}}
@media(max-width:760px){:root{--pad:25px}.header{padding-block:20px}.logo{width:160px}.header nav{display:none}.hero{height:860px;min-height:0}.hero-image{inset:320px -34% 0 -5%}.hero-image img{object-position:50% center;filter:brightness(.66) saturate(.55)}.hero::before{background:linear-gradient(180deg,#171512 0%,#171512 35%,#171512a0 49%,transparent 70%,#17151255 100%)}.hero-content{padding:150px var(--pad) 0;max-width:100%}.hero h1{font-size:98px;margin-top:10px}.hero-statement{font-size:35px}.hero .intro{font-size:12px;max-width:275px;margin-top:22px}.hero .line-link{margin-top:15px;font-size:8px}.hero .eyebrow{font-size:8px}.vertical-note{display:none}.hero-bottom{font-size:8px;bottom:20px}.hero-bottom>a{font-size:8px;gap:14px}.materials{display:block;padding:50px var(--pad)}.material-intro{padding:0;max-width:100%}.material-intro h2{font-size:55px}.material-intro .section-lead{font-size:31px}.material-intro>p:not(.eyebrow):not(.section-lead){font-size:13px;max-width:400px}.material-intro .line-link{margin-top:18px}.material-studies{margin-top:40px;gap:24px 14px;grid-template-columns:1fr 1fr}.study-image{height:220px}.material-studies h3{font-size:9px}.material-studies figcaption p{font-size:11px;max-width:160px}.statement{display:block;min-height:0}.statement-image{min-height:0;height:290px}.statement-image img{height:100%}.statement-copy{padding:43px var(--pad) 50px}.statement .statement-copy>p{font-size:41px}.signature{margin-top:25px}.works{display:block;padding:55px var(--pad)}.works-intro{padding:0;max-width:100%}.works h2{font-size:56px}.works .section-lead{font-size:30px}.works-intro>p:not(.eyebrow):not(.section-lead){font-size:13px;max-width:360px}.work-selection{margin-top:35px;grid-template-columns:1fr 1fr;gap:24px 15px}.work img{height:280px}.work:nth-child(3){grid-column:1/-1;width:100%;}.work:nth-child(3) img{height:290px;object-fit:contain;background:#37322a}.work>span{font-size:9px}.studio{display:block;padding:55px var(--pad)}.studio-heading{max-width:100%;padding:0}.studio-heading .eyebrow{max-width:100%;font-size:9px}.studio h2{font-size:56px}.studio-heading>p:not(.eyebrow):not(.studio-description){font-size:31px}.people{margin-top:40px;display:block}.people>article+article{margin-top:42px}.people>article>img{height:350px;object-position:center 40%}.people>article:last-child>img{height:310px;object-position:30% 35%}.person-copy .eyebrow{font-size:9px}.person-copy h3{font-size:43px}.person-copy>p:not(.eyebrow){font-size:13px}.person-copy .line-link{font-size:9px}.contact{display:block;min-height:0;padding:65px var(--pad)}.contact h2{font-size:clamp(43px,12vw,75px)}.contact .eyebrow{font-size:8px}.contact-copy>p:not(.eyebrow){font-size:12px}.contact-mail{font-size:17px}.contact-mail span{margin-left:15px}.contact-note{margin-top:42px;font-size:9px}.contact-detail{background-position:center 45%;opacity:.8}footer{padding-block:25px;display:grid;grid-template-columns:1fr auto;gap:23px}.footer-logo{width:145px}footer p{grid-column:1/-1;grid-row:2;font-size:13px}.gallery>img{height:57svh}.gallery{padding:15px}.gallery-bottom h2{font-size:30px}.gallery-head{font-size:9px}.gallery-bottom button{padding:8px;font-size:10px}}
@media(max-width:370px){.hero-content{padding-top:145px}.hero h1{font-size:87px}.hero-statement{font-size:31px}.study-image{height:190px}.work img{height:240px}.contact-mail{font-size:15px}.people>article>img{height:290px}}
.hero-image{mask-image:linear-gradient(90deg,transparent,#000 18%)}
@media(max-width:760px){.hero-image{mask-image:linear-gradient(180deg,transparent,#000 22%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.material-intro>p+p:not(.section-lead){margin-top:16px}.studio-heading .studio-description{font:400 13px/1.8 Manrope,sans-serif;margin-top:26px}.contact-copy>p:not(.eyebrow){max-width:470px}.gallery-bottom{flex-wrap:wrap}.hero-statement{font-size:clamp(32px,3.3vw,48px)}
@media(max-width:760px){.hero-statement{font-size:34px}.studio-heading .studio-description{font-size:13px}}
@media(max-width:370px){.hero-statement{font-size:29px}}

/* Related practices before footer */

#swande-vidare{--sv-background:#201e1b;--sv-text:#e5e0d7;--sv-secondary:#c4bcaf;background:var(--sv-background);color:var(--sv-text);padding:75px var(--pad) 65px;font:400 13px/1.8 'Manrope',sans-serif;box-sizing:border-box}
#swande-vidare *{box-sizing:border-box}
#swande-vidare p,#swande-vidare h2,#swande-vidare h3{margin:0}
#swande-vidare h2,#swande-vidare h3{font-family:var(--serif);font-weight:400;letter-spacing:0;line-height:1.05;color:var(--sv-text)}
#swande-vidare h2{font-size:52px;margin-bottom:19px}
#swande-vidare .sv-intro>p{color:var(--sv-secondary);max-width:530px}
#swande-vidare .sv-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:49px}
#swande-vidare .sv-label{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--sv-secondary);margin-bottom:12px}
#swande-vidare h3{font-size:40px;margin-bottom:18px}
#swande-vidare .sv-description{color:var(--sv-secondary);max-width:300px;line-height:1.85}
#swande-vidare .sv-link{display:inline-flex;align-items:center;min-height:44px;margin-top:17px;color:var(--sv-text);font-size:13px;text-decoration:underline;text-decoration-color:#80786d;text-underline-offset:7px;text-decoration-thickness:1px}
#swande-vidare .sv-link:hover{text-decoration-color:var(--sv-text)}
#swande-vidare .sv-link:focus-visible{outline:2px solid var(--sv-text);outline-offset:6px}
@media(max-width:530px){#swande-vidare{padding:36px 25px 40px}#swande-vidare .sv-columns{grid-template-columns:1fr;gap:38px;margin-top:35px}#swande-vidare h2{font-size:46px}#swande-vidare h3{font-size:38px}#swande-vidare .sv-description{max-width:360px}}