body{min-height:100svh;display:flex;flex-direction:column;padding:0 var(--pad)}.holding-header{display:flex;gap:28px;padding:32px 0;border-bottom:1px solid var(--line);font:11px/1.5 SpaceMono,monospace}.holding-header a{margin-right:auto}main{flex:1;padding:clamp(60px,9vh,130px) 0 70px}.holding-label{font:10px SpaceMono,monospace;color:var(--muted);margin-bottom:35px}h1{font-size:clamp(65px,9.5vw,155px);line-height:.95;letter-spacing:-.035em}.holding-bottom{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-top:65px}.holding-bottom p{max-width:440px}.holding-bottom a{min-width:200px;display:flex;justify-content:space-between;border-bottom:1px solid var(--ink);padding-bottom:12px;font-size:18px}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:25px 0;font:10px SpaceMono,monospace;color:var(--muted)}@media(max-width:700px){.holding-header{flex-wrap:wrap;gap:10px;font-size:10px;padding-block:24px}.holding-header a{width:100%;font-size:12px}.holding-header span:last-child{margin-left:auto}main{padding-top:70px}h1{font-size:clamp(56px,13vw,90px)}h1 em{display:block;max-width:85%}.holding-bottom{display:block;margin-top:45px}.holding-bottom a{margin-top:35px;width:100%}footer{font-size:9px;gap:15px}}

/* Two-line holding-page identity. */
.holding-header{align-items:center;font-size:12.1px}.holding-header .holding-identity{display:flex;flex-direction:column;gap:5px;width:auto}.holding-header .holding-identity span{margin:0}.holding-copyright{margin-left:auto}
@media(max-width:700px){.holding-header{flex-wrap:nowrap;font-size:10px;gap:16px}.holding-header .holding-identity{font-size:10px;gap:5px}.holding-header .holding-identity span:first-child{font-size:12px}.holding-copyright{white-space:nowrap}}

/* Shared V1/V2 hero montage on the holding page. */
.holding-hero{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:4%;align-items:center}
.holding-hero h1{font-size:clamp(58px,7.3vw,125px)}
.holding-hero h1 em{display:block}
.holding-hero .hero-montage{width:100%;margin:0}
@media(max-width:700px){.holding-hero{display:flex;flex-direction:column;gap:0;align-items:stretch}.holding-hero h1{font-size:clamp(56px,13vw,90px)}.holding-hero h1 em{max-width:85%}.holding-hero .hero-montage{width:100%}}

/* Larger desktop identity and holding message. */
@media(min-width:701px){.holding-header{font-size:16.94px}.holding-label{font-size:20px}}

.holding-intro{max-width:440px;margin-top:32px}.holding-bottom{justify-content:flex-end}
@media(max-width:700px){.holding-message{display:contents}.holding-hero .hero-montage{order:1}.holding-intro{order:2;margin-top:10px}.holding-bottom{margin-top:35px}.holding-bottom a{margin-top:0}}
@media(max-width:700px){.holding-hero .hero-montage .portrait-warm-interior{right:6px}}

/* Fit the complete desktop holding page to the viewport. */
@media(min-width:701px){
 body{height:100svh;min-height:0}
 .holding-header{flex:none;padding-block:clamp(14px,2.5vh,28px)}
 main{flex:1;min-height:0;padding:clamp(14px,3vh,36px) 0 16px;display:flex;flex-direction:column}
 .holding-label{flex:none;margin-bottom:clamp(12px,2vh,24px)}
 .holding-hero{flex:1;min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4%}
 .holding-hero h1{font-size:clamp(38px,min(7.3vw,10vh),125px)}
 .holding-hero .hero-montage{width:auto;height:100%;max-width:100%;max-height:100%;aspect-ratio:.925;justify-self:end}
 .holding-intro{margin-top:clamp(16px,3vh,32px);font-size:clamp(14px,1.8vh,18px);line-height:1.6}
 .holding-bottom{flex:none;margin-top:clamp(12px,2vh,24px)}
 .holding-bottom a{padding-bottom:8px}
 footer{flex:none;padding-block:clamp(12px,2vh,22px)}
}

/* Tighter desktop composition and a quieter introductory eyebrow. */
@media(min-width:701px){
 .holding-hero{gap:2%}
 .holding-label{font-size:20px;letter-spacing:.08em;line-height:1.5;margin-left:5.5%}
}

/* Let the laptop bridge the desktop headline and image composition. */
@media(min-width:701px){
 .holding-hero .hero-montage{overflow:visible}
 .holding-hero .hero-montage .laptop{transform:translateX(-50%)}
}

/* Align the three-image group beneath the laptop's centre. */
@media(min-width:701px){
 .holding-hero .hero-montage .portrait{right:13.6%}
 .holding-hero .hero-montage .lower-photo{left:-2%}
 .holding-hero .hero-montage .identity-board.palette-issac{right:17.6%}
}

/* Remove the remaining brown identity-card surround and divider tones. */
.holding-hero .hero-montage .identity-board.palette-issac{background:#f2ebdd}
.holding-hero .hero-montage .identity-grid{gap:0}
.holding-hero .hero-montage .identity-dark{background:#8c9173}
.holding-hero .hero-montage .identity-shapes i{background:conic-gradient(#b08e76 0 25%,#8c9173 25% 100%)}
.holding-hero .hero-montage .portrait-warm-interior img{transform:scale(1.02);transform-origin:center}
.holding-hero .hero-montage .portrait-warm-interior video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transform-origin:center}
.holding-hero .hero-montage .lower-photo video{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transform-origin:center}
.holding-hero .hero-montage .identity-board.palette-issac{background:#f2f0e9;box-shadow:none}
.holding-hero .hero-montage .identity-board.palette-issac{top:37%}
.holding-hero .hero-montage .identity-board.palette-issac{right:13.6%}
.holding-hero .hero-montage .identity-board.palette-issac{right:4.8%}
.holding-hero .hero-montage .identity-board .identity-card{background:#f2f0e9;box-shadow:none}
.holding-hero .hero-montage .lower-photo{box-shadow:none}
.holding-hero .hero-montage .laptop{filter:none}
.holding-hero .hero-montage .laptop .screen{inset:0;border:7px solid #202020;border-radius:17px;box-shadow:none}
.holding-hero .hero-montage .laptop .screen:before{display:none}
.holding-hero .hero-montage .laptop .chin,
.holding-hero .hero-montage .laptop .base{display:none}
.holding-hero .hero-montage .identity-arch{display:none}
.holding-hero .hero-montage .identity-shapes i{display:none}

/* Desktop editorial spread: an offset image pair and a foreground website. */
@media(min-width:701px){
 .holding-hero{grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);gap:2%;align-items:center}
 .holding-message{position:relative;z-index:6;padding-bottom:4vh;transform:translateX(12%)}
 .holding-hero h1{font-size:clamp(38px,min(7.1vw,10vh),120px);letter-spacing:-.045em;line-height:.94}
 .holding-hero h1 em{margin-top:.08em}
 .holding-intro{max-width:360px;margin-top:clamp(20px,3.5vh,38px);padding-right:15px}
 .holding-hero .hero-montage{aspect-ratio:1.08;width:auto;height:100%;max-width:100%;margin:0;transform:translateX(-12%);overflow:visible}
 .holding-hero .hero-montage .lower-photo{top:3%;left:5%;width:55.2%;height:auto;aspect-ratio:4 / 3;z-index:2;box-shadow:none;transform:translateX(-30%);border-radius:6px}
 .holding-hero .hero-montage .lower-photo video{transform:none;object-fit:cover}
 .holding-hero .hero-montage .portrait-warm-interior{top:10%;right:10%;width:41%;height:auto;aspect-ratio:1.12;z-index:1;box-shadow:none}
 .holding-hero .hero-montage .portrait-warm-interior img{position:absolute;inset:0;transform:none;object-position:center}
 .holding-hero .hero-montage .laptop{top:auto;bottom:2%;left:-4%;width:66%;height:auto;aspect-ratio:4 / 3;transform:none;z-index:5}
 .holding-hero .hero-montage .laptop .screen{border-width:clamp(6px,.65vw,10px);border-radius:clamp(15px,1.6vw,24px)}
 .holding-hero .hero-montage .site-copy strong{font-size:clamp(12px,1.65vw,28px)}
 .holding-hero .hero-montage .identity-board.palette-issac{top:50%;right:5%;width:30%;height:22%;overflow:visible;background:transparent;z-index:3}
 .holding-hero .hero-montage .identity-grid{position:static;display:block;width:100%;height:100%;transform:none}
 .holding-hero .hero-montage .identity-card{display:none}
 .holding-hero .hero-montage .identity-main{display:flex;height:100%;padding:0;background:transparent;border-top:1px solid var(--line)}
 .holding-hero .hero-montage .identity-heading{font-size:20cqw;line-height:.88;letter-spacing:-.055em;text-align:left;margin:10% 0 auto}
 .holding-hero .hero-montage .identity-line{display:none}
 .holding-hero .hero-montage .identity-main .swatches{height:12%;min-height:12%;margin-top:10%;gap:3%}
 .holding-bottom{margin-top:clamp(14px,2vh,24px)}
}

/* Mobile editorial composition: film and still, identity and website. */
@media(max-width:700px){
 .holding-header{padding-block:12px;border-bottom:1px solid var(--line)}
 .holding-header .holding-identity{gap:1px}
 main{padding-top:30.8px}
 .holding-label{margin-bottom:10px}
 .holding-hero h1{position:relative;z-index:6;letter-spacing:-.04em}
 .holding-hero .hero-montage{transform:translateY(-5%);aspect-ratio:.86;margin-top:8px;overflow:visible}
 .holding-hero .hero-montage .lower-photo{top:7%;left:0;width:54%;height:auto;aspect-ratio:4 / 5;z-index:2}
 .holding-hero .hero-montage .lower-photo video{transform:none;object-fit:contain}
 .holding-hero .hero-montage .portrait-warm-interior{top:0;right:0;width:41%;height:auto;aspect-ratio:1.12;box-shadow:none;z-index:1}
 .holding-hero .hero-montage .portrait-warm-interior img{position:absolute;inset:0;transform:none;object-position:center}
 .holding-hero .hero-montage .identity-board.palette-issac{top:34%;right:0;width:37%;height:23%;overflow:visible;background:transparent;z-index:3}
 .holding-hero .hero-montage .identity-grid{position:static;display:block;width:100%;height:100%;transform:none}
 .holding-hero .hero-montage .identity-card{display:none}
 .holding-hero .hero-montage .identity-main{display:flex;height:100%;padding:0;background:transparent;border-top:1px solid var(--line)}
 .holding-hero .hero-montage .identity-heading{font-size:20cqw;line-height:.88;letter-spacing:-.055em;text-align:left;margin:12% 0 auto}
 .holding-hero .hero-montage .identity-line{display:none}
 .holding-hero .hero-montage .identity-main .swatches{height:12%;min-height:12%;margin-top:10%;gap:3%}
 .holding-hero .hero-montage .laptop{top:61%;left:1%;width:88%;height:auto;aspect-ratio:4 / 3;z-index:5;transform:none}
 .holding-hero .hero-montage .site-copy strong{font-size:clamp(13.2px,4.51vw,26.4px)}
 .holding-intro{margin-top:calc(26px + 25.4%);max-width:32em}
}

@media(min-width:701px) and (max-width:1100px){
 .holding-message{transform:none}
 .holding-label{font-size:15px;margin-left:0}
 .holding-hero .hero-montage{transform:translateX(3%)}
 .holding-hero .hero-montage .lower-photo{top:8%}
 .holding-hero .hero-montage .portrait-warm-interior{transform:translateY(-20%)}
 .holding-hero .hero-montage .identity-board.palette-issac{top:45%;right:2%}
 .holding-hero .hero-montage .laptop{bottom:5%;width:69.3%}
}

@media(min-width:1101px){
 .holding-hero .hero-montage .portrait-warm-interior{right:5%}
 .holding-hero .hero-montage .identity-board.palette-issac{transform:translateY(20%)}
}