/* The square is the organising idea: framing, measured edges and an oversized maker's signature. */
.hero{--frame:24px;min-height:610px}.hero-content{padding-block:44px 35px}.hero-kicker{justify-content:space-between;max-width:none;padding-inline-end:4px;font-size:9px}.hero-kicker::after{content:'FURNITURE / INTERIORS / OBJECTS';font-size:8px;letter-spacing:.14em;margin-inline-start:auto;padding-inline-start:30px;color:#e1dece}.hero h1{font-size:clamp(116px,16.7vw,272px);font-weight:500;line-height:.79;letter-spacing:-.08em;text-transform:uppercase;max-width:none;margin-block:34px 44px;position:relative;z-index:1}.hero h1 span:last-child{margin-inline-start:20%;color:#eee3ce}.hero-shade{background:linear-gradient(90deg,#11180f8c,#11180f15 70%),linear-gradient(0deg,#11180fe8,transparent 72%,#11180f55)}.hero-drafting{position:absolute;inset:var(--frame);pointer-events:none;z-index:1}.draft-corner{position:absolute;width:15px;height:15px;border-color:#ded1b0aa;border-style:solid}.corner-one{inset-block-start:0;inset-inline-start:0;border-width:1px 0 0 1px}.corner-two{inset-block-start:0;inset-inline-end:0;border-width:1px 1px 0 0}.corner-three{inset-block-end:0;inset-inline-start:0;border-width:0 0 1px 1px}.corner-four{inset-block-end:0;inset-inline-end:0;border-width:0 1px 1px 0}.draft-line{position:absolute;inset-inline-start:-24px;inset-block-start:30%;height:30%;width:6px;background:repeating-linear-gradient(to bottom,#e6d7b580 0 1px,transparent 1px 12px)}.hero-copy>p{max-width:310px}.hero-projects{width:270px}.hero-controls{margin-top:13px}.hero-scenes{background:#564433}.hero-scene img{object-position:center 54%}.scroll-cue{inset-block-end:36px}.hero-controls button{cursor:pointer}.hero-scene.is-active{animation:sceneIn 1s var(--ease)}
.studio-intro{position:relative;grid-template-columns:100px 1.3fr 1fr;gap:26px 6%;padding-block:85px;align-items:center}.studio-intro>.eyebrow{grid-column:2/4;grid-row:1}.studio-intro>h2{grid-column:2;grid-row:2;font-size:clamp(34px,3.4vw,56px)}.studio-intro>div:last-child{grid-column:3;grid-row:2}.intro-mark{grid-column:1;grid-row:1/3;align-self:center;transform:rotate(-8deg);color:var(--olive)}.intro-mark .brand-mark{height:88px;width:88px}.intro-mark>span{display:block;font-size:7px;letter-spacing:.15em;white-space:nowrap;margin-top:12px;text-align:center}.studio-intro>div>p{font-size:12px}.selected-section{padding-top:85px}.selected-section .section-heading h2{font-size:clamp(48px,6.4vw,104px);max-width:1000px}.selected-section .section-heading h2 sup{display:inline-block;font-size:11px}.featured-grid{gap:75px 9%;counter-reset:project}.featured-grid .project-card{position:relative}.featured-grid .project-card:nth-child(even){margin-top:155px}.editorial-index{position:absolute;inset-block-start:18px;inset-inline-start:18px;display:grid;place-items:center;width:37px;height:37px;background:var(--paper);font-size:10px;letter-spacing:-.03em;color:var(--ink)}.editorial-summary{font-size:11px;line-height:1.9;margin-top:12px;max-width:340px}.featured-grid .project-card-meta h3{font-size:28px}.project-card-image{isolation:isolate}.project-card-image::after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #2427200d;pointer-events:none}.project-card-image>img{transition:transform 1s var(--ease),filter 1s}.project-card-link:hover .project-card-image>img{transform:scale(1.025);filter:saturate(1.08)}
.maker-marquee{overflow:hidden;background:var(--dark);color:#d4b58f;padding-block:26px;border-bottom:1px solid #d4b58f50}.maker-marquee>div{display:flex;align-items:center;gap:45px;width:max-content;animation:makerTravel 45s linear infinite}.maker-marquee span{font-size:clamp(30px,5.3vw,78px);font-weight:400;line-height:1;letter-spacing:-.05em;white-space:nowrap}.maker-marquee i{font-size:40px;font-style:normal;line-height:1;font-weight:300}@keyframes makerTravel{to{transform:translateX(-50%)}}.maker-marquee:hover>div{animation-play-state:paused}.collections-section{position:relative}.collections-section .section-heading h2{font-size:clamp(48px,6.5vw,100px)}.collection-stage{outline:1px solid #b4aa99;outline-offset:9px;margin:10px}.collection-row{position:relative}.collection-row.is-active::before{content:'';position:absolute;inset-inline-start:-15px;width:4px;height:4px;background:var(--olive)}.maker-section{position:relative}.maker-copy h2{font-size:clamp(44px,5.1vw,82px)}.maker-picture{min-height:760px}.maker-copy{padding-inline:clamp(40px,5vw,100px)}.journey-section{border-bottom:1px solid var(--line)}.journey-copy h2{font-size:clamp(45px,5.2vw,80px)}.journey-image{position:relative}.journey-image::before{content:'H²';position:absolute;z-index:1;inset-block-start:-28px;inset-inline-end:-16px;display:grid;place-items:center;width:65px;height:65px;background:var(--dark);color:var(--copper);font-size:25px;transform:rotate(6deg);border:1px solid #d8b48c65}.process-section{border:0}.process-step>span{font-family:var(--serif);font-size:46px;line-height:1;color:var(--olive)}.process-step h3{margin-top:26px}.contact-banner{position:relative;overflow:hidden}.contact-banner::after{content:'↗';position:absolute;inset-block-start:-120px;inset-inline-end:40px;font-size:400px;line-height:1;color:#2427200a;pointer-events:none}.contact-banner>.site-shell{position:relative;z-index:1}.footer-masthead{display:flex;justify-content:space-between;align-items:baseline;font-size:clamp(65px,11.5vw,185px);letter-spacing:-.085em;font-weight:500;line-height:1;border-bottom:1px solid #c9c8b938;padding-bottom:45px;margin-bottom:55px;color:#d6d7c7;direction:ltr}.footer-masthead>span:last-child{color:var(--copper)}.footer-masthead sup{font-size:16px;vertical-align:top;position:relative;inset-block-start:13px;margin-inline-start:5px;letter-spacing:0}.site-footer{padding-top:50px}
.page-template-default .story-hero>figure{position:relative}.story-hero>figure::before{content:'';width:75%;height:60%;border:1px solid #b59a78;position:absolute;inset-inline-end:-11px;inset-block-start:-11px;pointer-events:none;z-index:-1}.story-hero>figure{isolation:isolate}.archive-heading{border-bottom:1px solid var(--line);margin-bottom:20px}.archive-heading h1{font-size:clamp(60px,8.5vw,130px);font-weight:500;max-width:1100px}.project-heading h1{font-size:clamp(50px,6.4vw,95px)}.portfolio-results .project-grid{padding-top:15px}.portfolio-results .project-card:nth-child(3n+2){padding-top:60px}.project-sidebar{border-top:1px solid #a7a68f;padding-top:20px}
[dir=rtl] .hero-kicker{letter-spacing:0}[dir=rtl] .hero-kicker::after{font-family:'DM Sans',Arial,sans-serif;direction:ltr}[dir=rtl] .hero h1{font-size:clamp(70px,9vw,145px);line-height:1.35}[dir=rtl] .hero h1 span:last-child{margin-inline-start:10%}[dir=rtl] .intro-mark{direction:ltr}[dir=rtl] .footer-masthead{font-family:'DM Sans',Arial,sans-serif}[dir=rtl] .process-step>span{font-family:'Cormorant Garamond',Georgia,serif}
@media(min-width:761px) and (max-height:820px){.hero{min-height:560px}.hero-content{padding-block:32px}.hero h1{font-size:min(16.7vw,25.3vh);margin-block:25px 28px}.hero-copy>p{margin-bottom:18px}.hero-projects{padding-top:10px}[dir=rtl] .hero h1{font-size:min(9.5vw,17vh);margin-block:10px}}
@media(max-width:1100px){.studio-intro{grid-template-columns:80px 1.2fr 1fr;gap:22px 5%}.intro-mark .brand-mark{width:70px;height:70px}.intro-mark>span{font-size:6px}.featured-grid{gap:55px 7%}.maker-copy h2{font-size:49px}.maker-picture{min-height:670px}.hero-kicker::after{font-size:7px}}
@media(max-width:760px){.hero{height:calc(100svh - 76px);min-height:625px;max-height:850px;--frame:15px}.hero-content{padding-block:30px 26px}.hero-kicker{font-size:7px;letter-spacing:.11em}.hero-kicker::after{display:none}.hero h1{font-size:clamp(70px,17.4vw,130px);line-height:.91;font-weight:500;margin-block:42px auto;padding-bottom:40px;letter-spacing:-.085em}.hero h1 span:last-child{margin-inline-start:9%;color:#f0dfc4}.hero-copy>p{font-size:11px;max-width:300px}.hero-bottom{gap:29px}.hero-projects{width:100%;padding-top:14px}.hero-controls{margin:0}.hero-copy .button{min-height:48px;font-size:11px}.hero-slide-links strong{font-size:14px}.hero-shade{background:linear-gradient(90deg,#11180f35,#11180f15),linear-gradient(0deg,#11180ff5,transparent 85%,#11180f6b)}.hero-drafting{inset:var(--frame)}.draft-corner{width:10px;height:10px}.draft-line{display:none}.hero-scene img{object-position:60% center}.studio-intro{grid-template-columns:55px minmax(0,1fr);gap:25px 21px;padding-block:49px}.studio-intro>.eyebrow{grid-column:2;grid-row:1;font-size:7px}.studio-intro>h2{grid-column:2;grid-row:2;font-size:32px;line-height:1.12}.studio-intro>div:last-child{grid-column:2;grid-row:3}.intro-mark{grid-row:1/4;align-self:start;margin-top:40px}.intro-mark .brand-mark{width:50px;height:50px}.intro-mark>span{font-size:5px;letter-spacing:.04em;margin-top:7px}.studio-intro>div>p{font-size:11px;line-height:1.95}.studio-intro .text-link{font-size:10px;gap:15px}.selected-section{padding-top:55px}.selected-section .section-heading{position:relative;align-items:start;flex-direction:column;gap:15px}.selected-section .section-heading h2{font-size:53px;line-height:1.02;max-width:330px}.selected-section .section-heading h2 sup{font-size:9px}.featured-grid{gap:38px}.featured-grid .project-card:nth-child(even){margin-top:0;margin-inline-start:13%}.featured-grid .project-card:nth-child(odd){margin-inline-end:0}.featured-grid .project-card-meta h3{font-size:23px}.editorial-summary{font-size:10px;line-height:1.85;max-width:310px;margin-top:10px}.editorial-index{width:29px;height:29px;inset-block-start:13px;inset-inline-start:13px;font-size:9px}.selected-end p{font-size:11px}.maker-marquee{padding-block:19px}.maker-marquee>div{gap:25px}.maker-marquee span{font-size:40px}.maker-marquee i{font-size:25px}.collections-section .section-heading h2{font-size:51px}.collection-stage{margin:8px;outline-offset:7px;height:300px}.collection-row.is-active::before{inset-inline-start:-11px}.maker-picture{min-height:0;height:420px}.maker-copy h2{font-size:51px}.maker-copy{padding:50px var(--gutter) 55px}.journey-copy h2{font-size:51px}.journey-image::before{inset-inline-end:-7px;inset-block-start:-18px;width:49px;height:49px;font-size:20px}.process-step>span{font-size:31px;inset-block-start:24px}.process-step h3{margin-top:0}.footer-masthead{font-size:11.8vw;padding-bottom:28px;margin-bottom:35px;letter-spacing:-.085em;white-space:nowrap;gap:15px}.footer-masthead sup{font-size:8px;inset-block-start:4px;margin-inline-start:3px}.site-footer{padding-top:35px}.archive-heading h1{font-size:57px}.archive-heading{margin-bottom:0}.portfolio-results .project-card:nth-child(3n+2){padding-top:0}.portfolio-results .project-card:nth-child(even){padding-top:45px}.project-heading h1{font-size:49px}.story-hero>figure::before{inset-inline-end:-8px;inset-block-start:-8px}[dir=rtl] .hero h1{font-size:clamp(55px,11vw,83px);line-height:1.45;margin-block:22px auto}[dir=rtl] .studio-intro h2{font-size:27px}[dir=rtl] .selected-section .section-heading h2{font-size:42px}[dir=rtl] .maker-copy h2,[dir=rtl] .journey-copy h2{font-size:39px}[dir=rtl] .hero-kicker{font-size:9px}}
@media(max-width:760px) and (max-height:650px){.hero{height:auto;min-height:545px}.hero-content{min-height:545px;padding-block:25px}.hero h1{margin-block:28px 32px;padding-bottom:0;font-size:16.4vw}.hero-bottom{gap:22px}.hero-copy>p{font-size:10px;margin-bottom:16px}.hero-slide-links strong{font-size:13px}.hero-projects{padding-top:12px}.hero-kicker{font-size:7px}.hero-controls button{min-height:28px}[dir=rtl] .hero h1{font-size:11vw;line-height:1.4;margin-block:18px}}
.maker-marquee{position:relative}.maker-marquee.is-paused>div{animation-play-state:paused}.marquee-pause{position:absolute;inset-inline-end:20px;inset-block-start:50%;transform:translateY(-50%);width:32px;height:32px;border:1px solid #d8b48c66;border-radius:50%;background:var(--dark);color:var(--copper);display:grid;place-items:center;font-size:11px}.marquee-pause:hover{background:var(--olive-dark)}[lang=fr] .hero-kicker::after{content:'MOBILIER / INTÉRIEURS / OBJETS'}[lang=ar] .hero-kicker::after{content:'أثاث / ديكور / قطع خشبية';font-family:var(--body);letter-spacing:0}.maker-marquee>div{direction:ltr}
@media(prefers-reduced-motion:reduce){.maker-marquee>div{animation:none}.hero-scene.is-active{animation:none}.marquee-pause{display:none}}

@media(max-width:760px){.footer-masthead{font-size:11.4vw}.collection-stage{width:calc(100% - 16px)}}

/* The exponent belongs to Hassan: Hassan squared, shortened to H². */
.brand-text .name-square{font-size:.6em;line-height:0;vertical-align:super;margin-inline-start:.07em;letter-spacing:0}
.hero h1>span:first-child{position:relative;width:max-content;max-width:100%;padding-inline-end:.22em}
.hero h1 .name-square{position:absolute;inset-inline-end:-.02em;inset-block-start:-.07em;font-size:.32em;line-height:1;letter-spacing:0;color:var(--copper)}
.footer-masthead>span:first-child{position:relative;padding-inline-end:.24em}
.footer-masthead .name-square{position:absolute;inset-inline-end:0;inset-block-start:.08em;margin:0;font-size:.3em;line-height:1;letter-spacing:0;color:var(--copper)}
.maker-marquee .marquee-monogram{font-family:'DM Sans',Arial,sans-serif;font-weight:500;font-size:40px;letter-spacing:-.08em}
.marquee-monogram sup{font-size:.48em;line-height:0;vertical-align:super;margin-inline-start:.03em}
@media(max-width:760px){.maker-marquee .marquee-monogram{font-size:26px}.footer-masthead{font-size:11.3vw;gap:12px}}
[dir=rtl] .hero h1 .name-square{inset-block-start:.05em}
