*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper,#f6f6f2);color:var(--ink,#161817);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.55}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #1679c2;outline-offset:4px}button{color:inherit}button:disabled{opacity:.45;cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3,.brand{font-family:var(--heading,'Manrope'),Arial,sans-serif}h1,h2{font-weight:500;letter-spacing:-.055em;line-height:1.06}h1{font-size:clamp(3.2rem,6.7vw,7rem);white-space:pre-line}h2{font-size:clamp(2.4rem,4.4vw,4.8rem)}h3{font-size:1.7rem;letter-spacing:-.04em;font-weight:600}.wrap{width:min(1380px,90%);margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent);gap:24px}.brand{font-size:1.5rem;font-weight:700;letter-spacing:-.06em;line-height:1.1}.brand small{display:block;font-family:'DM Sans',sans-serif;font-size:.75rem;letter-spacing:.32em;margin-top:7px}.nav{display:flex;align-items:center;gap:32px;font-size:.875rem}.nav>a:first-child{border-bottom:1px solid}.pill{display:inline-flex;align-items:center;justify-content:center;gap:28px;border:1px solid var(--ink);padding:13px 21px;border-radius:3px;font-size:.875rem;font-weight:600}.solid{background:var(--ink);color:var(--paper)}.hero{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:6%;padding:50px 0 62px}.eyebrow{font-size:.75rem;letter-spacing:.17em;font-weight:700}.hero h1{margin:30px 0 25px}.intro{max-width:430px;font-size:1.125rem;opacity:.75}.hero .pill{margin-top:32px}.hero-image{position:relative;background:var(--accent);aspect-ratio: .91;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;display:block}.hero-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0008);color:white;padding:52px 25px 22px;font-size:.75rem;letter-spacing:.13em}.hero-index{margin-top:45px;display:flex;align-items:center;gap:15px;font-size:.75rem;letter-spacing:.1em}.hero-index:before{content:'';height:1px;width:45px;background:currentColor}.guide{padding:58px 0 72px;border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}.section-heading p{max-width:355px;opacity:.7}.tabs{display:flex;gap:8px;flex-wrap:wrap;padding:0 0 28px}.tab{border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);padding:9px 18px;background:transparent;border-radius:30px;font-size:.875rem}.tab[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{border:1px solid color-mix(in srgb,var(--ink) 17%,transparent);display:flex;flex-direction:column;min-width:0}.card-image{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;object-position:center;display:block}.card-body{padding:25px;display:flex;flex-direction:column;flex:1}.card-tag{font-size:.75rem;letter-spacing:.12em;margin-bottom:13px;opacity:.65}.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:15px 0}.price strong{font-family:var(--heading,'Manrope'),Arial,sans-serif;font-size:2.25rem;line-height:1.2;font-weight:500;letter-spacing:-.04em}.price span{font-size:.875rem;opacity:.6}.description{opacity:.75;min-height:75px;font-size:1rem}.features{list-style:none;padding:20px 0 14px;margin:22px 0 0;border-top:1px solid color-mix(in srgb,var(--ink) 15%,transparent)}.features li{padding:5px 0 5px 22px;position:relative;font-size:.875rem}.features li:before{content:'✓';position:absolute;left:0}.note{font-size:.875rem;opacity:.65;margin:0 0 24px}.card .pill{margin-top:auto;width:100%;justify-content:space-between}.all-notes{max-width:850px;font-size:.875rem;opacity:.7;margin-top:28px}.contact{background:var(--ink);color:var(--paper);padding:65px 0}.contact .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:center}.contact h2{white-space:pre-line}.contact p{opacity:.75;margin-bottom:24px}.contact .pill{border-color:var(--accent);background:var(--accent);color:#161817}.contact-details{font-size:.875rem;margin-top:20px;line-height:1.8}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px 0;font-size:.75rem}.footer-links{display:flex;gap:22px}.editor-bar{background:#202622;color:white;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:20;font-size:.875rem}.editor-bar button,.editor button{background:white;color:#171b19;border:1px solid #bec6c1;border-radius:5px;padding:9px 12px;font-size:.875rem}.editor-bar .bar-actions{display:flex;gap:8px;flex-wrap:wrap}.editor-bar .primary,.editor .primary{background:#eec130;border-color:#eec130;color:#121512}.editor{position:fixed;right:0;top:0;bottom:0;z-index:40;background:#fff;color:#171b19;width:min(470px,100%);box-shadow:-12px 0 65px #0003;display:flex;flex-direction:column}.editor-head{padding:22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.editor-head h2{font:600 1.35rem 'DM Sans',Arial;letter-spacing:-.02em}.editor-scroll{overflow:auto;padding:22px;flex:1}.editor p{font-size:.875rem;color:#58605b;margin:0 0 20px}.editor label{display:block;font-size:.875rem;font-weight:600;margin:16px 0 6px}.editor input,.editor textarea,.editor select{display:block;width:100%;border:1px solid #b9c2bb;border-radius:5px;background:white;color:#171b19;padding:10px;font-size:1rem}.editor textarea{min-height:90px;resize:vertical}.editor input[type=color]{height:42px;padding:3px}.editor details{border-top:1px solid #ddd;padding:15px 0}.editor summary{cursor:pointer;font-weight:600}.editor-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.editor-bottom{padding:16px 22px;border-top:1px solid #ddd;font-size:.75rem}.edit-card{margin:14px 25px 0;background:var(--accent);border:0;border-radius:4px;padding:9px;font-size:.875rem}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#202622;color:white;padding:14px 22px;border-radius:6px;box-shadow:0 6px 22px #0003;z-index:80;width:max-content;max-width:90vw;font-size:.875rem}.overlay{position:fixed;inset:0;background:#0004;z-index:30}.empty{padding:35px;border:1px solid #aaa}.share-output{word-break:break-all}.hidden,[hidden]{display:none!important}@media(min-width:1600px){.hero-image{max-height:670px}}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:4%}h1{font-size:clamp(3rem,6.5vw,5rem)}.nav{gap:18px}}@media(max-width:650px){.wrap{width:90%}.top{padding:22px 0}.brand{font-size:1.2rem}.nav>a:not(.pill){display:none}.nav .pill{padding:10px 13px;gap:12px;font-size:.75rem}.hero{grid-template-columns:1fr;padding:35px 0;gap:30px}.hero h1{font-size:3.5rem;margin:22px 0}.hero-index{margin-top:28px}.hero-image{aspect-ratio:1.03}.section-heading{display:block}.section-heading p{margin-top:18px}.guide{padding-top:40px}.cards{grid-template-columns:1fr;gap:24px}.description{min-height:0}.contact .wrap{grid-template-columns:1fr;gap:30px}.contact{padding:45px 0}.editor-bar{position:relative;align-items:start;flex-direction:column}.tabs{gap:7px}.tab{padding:8px 13px}.footer{gap:12px}.footer-links{flex-wrap:wrap}.card-body{padding:23px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@media print{.editor-bar,.editor,.overlay,.tabs,.edit-card,.hero .pill,.card .pill,.footer-links{display:none!important}.hero{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(2,1fr)}.card{break-inside:avoid}.contact{background:white;color:black}.guide{padding-top:20px}.hero h1{font-size:3rem}}

.portfolio-dropdown{position:relative;z-index:25}
.portfolio-dropdown summary{display:flex;align-items:center;gap:9px;list-style:none;cursor:pointer;padding:13px 0;font-size:.875rem}
.portfolio-dropdown summary::-webkit-details-marker{display:none}
.portfolio-dropdown summary:focus-visible{outline:3px solid #1679c2;outline-offset:4px}
.portfolio-dropdown[open] summary span{transform:rotate(180deg)}
.portfolio-menu{position:absolute;left:0;top:100%;min-width:215px;padding:8px;background:var(--paper);color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 20%,transparent);box-shadow:0 12px 28px #0002;border-radius:4px}
.portfolio-menu a{display:block;padding:11px 13px;border-radius:2px;font-size:.875rem;white-space:nowrap}
.portfolio-menu a:hover,.portfolio-menu a:focus-visible{background:var(--accent);color:#161817}
@media(max-width:650px){.top{flex-wrap:wrap}.nav{width:100%;justify-content:space-between;gap:12px}.portfolio-menu{min-width:210px}}
@media print{.portfolio-dropdown{display:none}}

.iris-design-image-link{display:block;background:#000}.iris-design-card .description{margin:18px 0 25px;min-height:0}

.hero-banner{width:100%;margin:0;background:#fff}
.hero-banner img{display:block;width:100%;height:auto}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:650px){.hero-banner img{aspect-ratio:4/5;object-fit:cover;object-position:50% 50%}}

.iris-viewer{position:relative;aspect-ratio:4/5;background:#000;overflow:hidden;isolation:isolate}
.iris-viewer .iris-collage{width:100%;height:100%;object-fit:contain}
.iris-hotspot{position:absolute;border:0;background:transparent;cursor:zoom-in;border-radius:0;padding:0}
.iris-hotspot:focus-visible{outline:3px solid var(--accent);outline-offset:-4px;z-index:5}
.iris-detail{position:absolute;inset:0;background:#000;z-index:3;display:flex;flex-direction:column;align-items:center;padding:48px 12px 24px;pointer-events:auto}
.iris-detail-art{display:block;width:100%;min-height:0;flex:1;overflow:hidden}
.iris-detail-name{color:#fff;font-family:Georgia,serif;font-size:clamp(1.15rem,2.4vw,1.8rem);text-transform:uppercase;letter-spacing:.13em;line-height:1.4;margin-top:12px}
.iris-reset{position:absolute;top:10px;right:10px;border:1px solid #ffffff70;background:#111;color:#fff;border-radius:4px;font-size:.875rem;padding:6px 10px;z-index:6}
.iris-hint{font-size:.875rem;opacity:.75;margin-top:15px}
@media print{.iris-hotspot,.iris-detail,.iris-hint{display:none!important}}

.hero-banner video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#fff}
@media print{.hero-video{display:none}}

/* The video stays paused: page position alone selects the displayed frame. */
.has-scroll-hero .top{position:absolute;top:var(--editor-bar-height,0px);left:5%;right:5%;width:auto;z-index:10}
.has-scroll-hero .editor-bar{position:relative}
.hero-scroll{position:relative;height:500vh;height:500svh;--scroll-progress:0;overflow:visible}
.hero-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:#fff}
.hero-stage video{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;pointer-events:none}
.hero-scroll-cue{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:16px;color:#171817;background:#ffffffd9;border:1px solid #17181725;padding:9px 17px;border-radius:30px;font-size:.875rem;white-space:nowrap;opacity:clamp(0,calc(1 - var(--scroll-progress)*8),1);pointer-events:none}
.hero-scroll-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ink);transform:scaleX(var(--scroll-progress));transform-origin:left;pointer-events:none}
.hero-scroll.video-unavailable{height:100vh;height:100svh}
.hero-scroll.video-unavailable .hero-scroll-cue{opacity:1;white-space:normal;max-width:90%;text-align:center}
@media(max-width:650px){.hero-scroll-cue{bottom:24px}.has-scroll-hero .top{gap:12px}.has-scroll-hero .nav{gap:12px}}
@media print{.hero-scroll{display:none}}

.iris-hotspot{border-radius:50%;clip-path:ellipse(50% 50% at 50% 50%);border:2px solid transparent}
.iris-hotspot:hover{border-color:var(--accent);background:#ffffff0b}
.iris-viewer[data-active] .iris-hotspot{visibility:hidden}
.iris-design-picker{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;background:#111}
.iris-design-picker button{min-height:44px;border:1px solid #ffffff50;background:#1b1b1b;color:#fff;border-radius:5px;font-size:.875rem;padding:9px 8px}
.iris-design-picker button:last-child{grid-column:1/-1}
.iris-design-picker button:hover{border-color:var(--accent)}
.iris-design-picker button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#161817;font-weight:700}
.iris-zoom-controls{padding:2px 16px 16px;background:#111;color:#fff}
.iris-zoom-controls label{display:block;font-size:.875rem}
.iris-zoom-value{float:right;font-variant-numeric:tabular-nums}
.iris-zoom-controls input{display:block;width:100%;height:40px;margin:5px 0 0;accent-color:var(--accent);cursor:ew-resize}
@media print{.iris-design-picker,.iris-zoom-controls{display:none!important}}