.hero-montage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:.925;background:#eeeDE5;margin:0;box-shadow:0 4px 24px #27251c0b}
.hero-montage .portrait,.hero-montage .lower-photo{position:absolute;overflow:hidden;background:#ddd9d0}
.hero-montage .portrait{z-index:1;top:.6%;right:4.8%;width:41.5%;height:56.5%}
.hero-montage .portrait img,.hero-montage .lower-photo img{width:100%;height:100%;display:block;object-fit:cover}
.hero-montage .portrait img{object-position:center center}
.hero-montage .lower-photo{z-index:2;top:57.5%;left:10.8%;width:39%;height:32.4%}
.hero-montage .lower-photo img{object-position:center center}
.hero-montage .photo-tag{position:absolute;left:12px;bottom:12px;background:#f1efe8e8;padding:6px 8px;font:9px SpaceMono,monospace;letter-spacing:.03em;color:#39372f}
.hero-montage .palette{z-index:3;position:absolute;right:5%;bottom:3.8%;width:44.7%;height:37%;background:#b77959;color:#292721;padding:4.2% 4.5% 3.2%;transform:rotate(-1deg);box-shadow:0 8px 22px #26231a22;display:flex;flex-direction:column}
.hero-montage .palette-top,.hero-montage .palette-foot{display:flex;justify-content:space-between;font:7px SpaceMono,monospace;letter-spacing:.05em}
.hero-montage .palette-title{font:400 clamp(28px,3.8vw,52px)/.83 InstrumentSerif,Georgia,serif;letter-spacing:-.035em;margin:auto 0 10px}
.hero-montage .swatches{height:22%;display:flex;gap:2%;align-items:stretch}
.hero-montage .swatches i{display:block;flex:1;background:#e9ddc8}
.hero-montage .swatches i:nth-child(2){background:#c7bea9}
.hero-montage .swatches i:nth-child(3){background:#9d9c88}
.hero-montage .swatches i:nth-child(4){background:#35342e}
.hero-montage .swatches i:nth-child(5){background:#bd8b70}
.hero-montage .palette-foot{margin-top:10px}
.hero-montage .laptop{position:absolute;z-index:5;top:9.5%;left:2%;width:66%;height:39%;filter:drop-shadow(0 12px 9px #17171446)}
.hero-montage .screen{position:absolute;inset:0 4% 3.5%;border:clamp(7px,.75vw,12px) solid #171717;border-bottom-width:clamp(10px,1.1vw,16px);border-radius:20px 20px 7px 7px;background:#edece5;overflow:hidden}
.hero-montage .screen:before{content:"";position:absolute;z-index:5;top:3px;left:50%;width:4px;height:4px;border-radius:50%;background:#444}
.hero-montage .site-nav{height:12%;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;text-align:center;font:clamp(5px,.7vw,9px) InstrumentSerif,Georgia,serif}
.hero-montage .site-nav span:last-child{text-align:right;padding-right:7%}
.hero-montage .hamb{display:flex;flex-direction:column;gap:3px;width:12px;margin-left:22%}
.hero-montage .hamb i{height:1px;background:#444;width:100%}
.hero-montage .site-content{position:relative;height:88%;padding:0 6% 6%;display:grid;grid-template-columns:1.03fr .8fr;grid-template-rows:1.15fr .55fr;gap:5% 5%}
.hero-montage .site-photo{position:relative;overflow:hidden;background:#ddd}
.hero-montage .site-photo img{display:block;width:100%;height:100%;object-fit:cover}
.hero-montage .site-photo>span{position:absolute;left:5px;bottom:5px;background:#f1efe8e8;padding:3px 4px;font:clamp(4px,.5vw,7px) SpaceMono,monospace}
.hero-montage .main-photo{grid-row:1;grid-column:1}
.hero-montage .site-copy{grid-row:1;grid-column:2;display:flex;flex-direction:column;justify-content:center;padding:0 1%}
.hero-montage .site-copy small{font:clamp(4px,.46vw,6px) SpaceMono,monospace;letter-spacing:.04em;color:#79766e;margin-bottom:10%}
.hero-montage .site-copy strong{font:400 clamp(13px,2.1vw,30px)/.93 InstrumentSerif,Georgia,serif;letter-spacing:-.035em}
.hero-montage .arrow{font-size:clamp(10px,1.2vw,17px);margin-top:6%}
.hero-montage .small-photo{grid-column:2;grid-row:2}
.hero-montage .site-note{grid-column:1;grid-row:2;align-self:center;border-top:1px solid #a9a69d;padding:8px 0 0 18%;font:clamp(5px,.6vw,8px)/1.35 SpaceGrotesk,sans-serif;color:#646159}
.hero-montage .chin{position:absolute;left:4%;right:4%;bottom:3%;height:2.3%;background:linear-gradient(#999,#565656 45%,#393939 70%,#999);border-radius:1px}
.hero-montage .base{position:absolute;left:-5%;right:-5%;bottom:0;height:3.5%;background:linear-gradient(180deg,#9b9b9b,#4b4b4d 44%,#a9a9a9 52%,#69696a 100%);clip-path:polygon(5% 0,95% 0,100% 65%,96% 100%,4% 100%,0 65%);border-radius:0 0 10px 10px}
.hero-montage .collage-caption{position:absolute;left:2.5%;right:2.5%;bottom:1.5%;z-index:7;display:flex;justify-content:space-between;gap:12px;font:clamp(6px,.58vw,8px) SpaceMono,monospace;letter-spacing:.06em;color:#55534b}
.hero-montage .crop-gem-c img{object-position:53% center}
.hero-montage .crop-gem-d img{object-position:76% center}
.hero-montage .crop-gem-b img{object-position:28% 62%}
.hero-montage .crop-codex-d img{object-position:54% 45%}
.hero-montage .crop-codex-a img{object-position:56% center}
@media(min-width:1200px){.hero-montage{width:100%}
.hero-montage .laptop{border-radius:8px}}
@media(max-width:650px){.hero-montage{aspect-ratio:.92}
.hero-montage .portrait{right:3.8%;width:42%;height:56%}
.hero-montage .laptop{left:1%;width:69%;top:10%;height:37%}
.hero-montage .screen{border-radius:11px 11px 4px 4px;border-width:6px;border-bottom-width:9px}
.hero-montage .site-nav{font-size:5px}
.hero-montage .site-copy strong{font-size:clamp(13px,4vw,22px)}
.hero-montage .site-copy small{font-size:4px}
.hero-montage .site-note{font-size:5px}
.hero-montage .lower-photo{left:9%;width:40%;height:32%}
.hero-montage .palette{width:46%;height:36%;right:4%;padding:4.2%}
.hero-montage .palette-title{font-size:clamp(26px,7vw,42px)}
.hero-montage .palette-top,.hero-montage .palette-foot{font-size:6px}
.hero-montage .collage-caption{font-size:6px;left:2%;right:2%}}
@media(max-width:390px){.hero-montage{aspect-ratio:.92}
.hero-montage .palette-top,.hero-montage .palette-foot{font-size:5px}
.hero-montage .photo-tag{font-size:7px;left:7px;bottom:7px}}
.hero-montage .site-content{padding:0 5% 1%;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:8% minmax(0,1fr) 8%;column-gap:5%;row-gap:3%}
.hero-montage .site-copy{grid-column:1/-1;grid-row:1;flex-direction:row;align-items:center;justify-content:space-between;padding:0}
.hero-montage .site-copy small{margin:0;font-size:clamp(4px,.5vw,7px)}
.hero-montage .site-copy .arrow{margin:0;font-size:clamp(7px,.7vw,10px)}
.hero-montage .main-photo{grid-column:1;grid-row:2}
.hero-montage .small-photo{grid-column:2;grid-row:2}
.hero-montage .site-photo{width:100%;height:auto;max-height:100%;min-height:0;aspect-ratio:1;align-self:center}
.hero-montage .site-note{grid-column:1/-1;grid-row:3;align-self:center;border:0;padding:0;text-align:center;font-size:clamp(4px,.48vw,7px)}
.hero-montage .site-content{padding:5% 6%;grid-template-columns:1fr 1fr;grid-template-rows:minmax(0,1fr);gap:5%;}
.hero-montage .main-photo,.hero-montage .small-photo{grid-row:1}
.hero-montage .main-photo{grid-column:1}
.hero-montage .small-photo{grid-column:2}
.hero-montage .site-photo{width:auto;height:100%;max-width:100%;max-height:100%;min-height:0;aspect-ratio:1;align-self:center;justify-self:center}
.hero-montage .site-copy,.hero-montage .site-note{display:none}
.hero-montage .palette{padding:0;background:#b77858}
.hero-montage .palette-sheet{position:absolute;inset:8% 8% 9%;padding:6% 7% 5%;background:#f1efe8;box-shadow:0 4px 12px #231f1a26;transform:rotate(-2deg);display:flex;flex-direction:column}
.hero-montage .palette-top,.hero-montage .palette-foot{font-size:clamp(4px,.42vw,6px);letter-spacing:.045em}
.hero-montage .palette-title{font-size:clamp(18px,2.6vw,34px);line-height:.9;margin:auto 0 6px;letter-spacing:-.04em}
.hero-montage .palette-rule{height:1px;background:#817b70;margin:0 0 7px}
.hero-montage .swatches{height:18%;gap:2%}
.hero-montage .palette-foot{margin-top:6px}
.hero-montage .site-content{height:88%;padding:0 5% 5%;grid-template-columns:1.05fr .85fr;grid-template-rows:1fr 1fr;gap:0 5%;}
.hero-montage .site-photo{width:100%;height:auto;max-height:none;aspect-ratio:1;align-self:center;justify-self:center}
.hero-montage .main-photo{grid-column:1;grid-row:1 / span 2}
.hero-montage .site-copy{display:flex;grid-column:2;grid-row:1;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 0 2%}
.hero-montage .site-copy small{font-size:clamp(4px,.38vw,6px);letter-spacing:.055em;color:#79766e;margin:0 0 8%}
.hero-montage .site-copy strong{font:400 clamp(10px,1vw,15px)/.9 InstrumentSerif,Georgia,serif;letter-spacing:-.025em}
.hero-montage .site-copy .arrow{font-size:clamp(7px,.7vw,10px);margin:5% 0 0}
.hero-montage .small-photo{grid-column:2;grid-row:2;align-self:start}
.hero-montage .small-photo>span{top:5px;bottom:auto}
.hero-montage .palette-issac{background:#a18b6b;color:#514536}
.hero-montage .palette-issac .palette-sheet{background:#f2ebdd}
.hero-montage .palette-issac .palette-rule{background:#b3a185}
.hero-montage .palette-issac .swatches i:nth-child(1){background:#e9dfca}
.hero-montage .palette-issac .swatches i:nth-child(2){background:#cdb994}
.hero-montage .palette-issac .swatches i:nth-child(3){background:#b08e76}
.hero-montage .palette-issac .swatches i:nth-child(4){background:#8c9173}
.hero-montage .palette-issac .swatches i:nth-child(5){background:#655846}
.hero-montage .small-photo.beach-photo{aspect-ratio:16/9}
.hero-montage .identity-board.palette-issac{top:44%;bottom:auto;right:4.8%;width:47%;height:53%;padding:0;transform:none;overflow:hidden;background:#a18b6b;container-type:inline-size;box-shadow:0 8px 22px #26231a22}
.hero-montage .identity-grid{position:absolute;left:-24%;top:10%;width:157%;height:130%;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1.2fr .9fr;gap:5%;transform:rotate(-24deg);transform-origin:50% 35%}
.hero-montage .identity-card{background:#f2ebdd;color:#39372e;box-shadow:0 2px 5px #29221824;overflow:hidden}
.hero-montage .identity-main{grid-column:1 / span 2;padding:7%;display:flex;flex-direction:column}
.hero-montage .identity-emblem{font:400 12cqw/1 InstrumentSerif,Georgia,serif;margin-bottom:5%;text-align:center}
.hero-montage .identity-heading{font:400 17cqw/.85 InstrumentSerif,Georgia,serif;letter-spacing:-.055em;text-align:center;margin:auto 0 8%}
.hero-montage .identity-line{height:1px;background:#89806c;margin-bottom:5%}
.hero-montage .identity-main .swatches{height:14%;min-height:14%;gap:0}
.hero-montage .identity-type{grid-column:3;padding:13%;font:400 23cqw/.86 InstrumentSerif,Georgia,serif;letter-spacing:-.05em}
.hero-montage .identity-dark{grid-column:1;grid-row:2;background:#655846;color:#eee4d1;padding:15%;font:400 11cqw/.95 InstrumentSerif,Georgia,serif}
.hero-montage .identity-shapes{grid-column:2;grid-row:2;position:relative}
.hero-montage .identity-shapes i{position:absolute;left:12%;top:15%;width:62%;aspect-ratio:1;border-radius:50%;background:conic-gradient(#b08e76 0 25%,#655846 25% 100%)}
.hero-montage .identity-shapes b{position:absolute;left:12%;top:56%;width:40%;height:37%;border-radius:60% 0 0 0;background:#8c9173;transform:rotate(-25deg)}
.hero-montage .identity-shapes em{position:absolute;right:8%;bottom:8%;width:33%;height:32%;background:#cdb994;clip-path:polygon(50% 0,100% 100%,0 100%)}
.hero-montage .identity-arch{grid-column:3;grid-row:2;padding:17%}
.hero-montage .identity-arch i{display:block;width:100%;height:100%;border-radius:50% 50% 0 0;background:#8c9173;box-shadow:inset -15px 0 #cdb994}
.hero-montage .site-nav{display:flex;align-items:center}
.hero-montage .site-nav .hamb{margin-left:6%}
.hero-montage .portrait{z-index:4}
.hero-montage .lower-photo{top:47%;left:10.8%;width:48%;height:43%}
.hero-montage .site-nav{display:grid;grid-template-columns:1fr 2fr 1fr}
.hero-montage .site-nav .hamb{margin-left:22%}
.hero-montage .site-nav .fictional-name{text-align:center;padding:0;grid-column:2;font-family:InstrumentSerif,Georgia,serif}
.hero-montage .site-copy{display:flex;gap:12%;justify-content:center}
.hero-montage .site-copy strong{font:400 clamp(12px,1.3vw,22px)/.95 InstrumentSerif,Georgia,serif;letter-spacing:-.035em}
.hero-montage .house-link{font:clamp(4px,.42vw,7px) SpaceGrotesk,Arial,sans-serif;text-decoration:none;color:#57574c;white-space:nowrap}
@media(max-width:650px){.hero-montage .site-copy strong{font-size:clamp(12px,4.1vw,24px)}
.hero-montage .house-link{font-size:clamp(4px,1.25vw,7px)}}
.hero-montage .portrait-warm-interior img{object-position:48% center}
.hero-montage .small-photo.detail-phone{aspect-ratio:16/9}
.hero-montage .detail-phone img{transform:scale(1.4);transform-origin:75% 65%}
.hero-montage .laptop{left:-2%}
.hero-montage .portrait{right:.8%}
.hero-montage .identity-board .swatches i:nth-child(1){background:#e9dfca}
.hero-montage .identity-board .swatches i:nth-child(2){background:#ad7152}
.hero-montage .identity-board .swatches i:nth-child(3){background:#51554a}
.hero-montage .portrait{box-shadow:3px 7px 16px -5px #30291f38}
.hero-montage .lower-photo{box-shadow:0 12px 20px -7px #30291f47}
.hero-montage .laptop{filter:drop-shadow(0 8px 8px #29251e38) drop-shadow(0 2px 2px #29251e20)}
.hero-montage .identity-board{box-shadow:2px 9px 18px -6px #30291f38}
.hero-montage .identity-card{box-shadow:1px 3px 5px #30291f26}
.hero-montage{margin:0;width:100%;background:transparent;box-shadow:none;overflow:visible}