/* A seat by the fire: full room, live lettering, a taped host portrait. */
:root{--room-ink:#21170f;--room-cream:#f0e2ca;--room-gold:#d3ad69;--room-muted:#c9b69a}
html,body{background:#241a13;color:#2b241b}body{background-image:radial-gradient(ellipse at 10% 35%,#6e483f24,transparent 50%),repeating-linear-gradient(93deg,transparent 0 103px,#120c0740 104px,#543b2720 105px,transparent 107px)}body::before{display:none}::selection{background:#c19c60;color:#231811}
.site-header{position:absolute;z-index:8;inset:0 auto auto 0;width:100%;max-width:none;margin:0;padding:25px clamp(24px,5.5vw,94px);border:0;pointer-events:none}.site-header .maker-brand{pointer-events:auto;color:#efdfbf;width:45px;height:45px}.site-header .maker-brand:hover{color:#fff3d5}.site-header .mark-pointer{fill:#e5d1ad}.site-header .mark-star{fill:#d7ad60}
.traditional-hero.room-hero{position:relative;display:block;width:100%;max-width:none;margin:0;height:clamp(900px,66.7vw,1120px);min-height:0;padding:0;isolation:isolate;overflow:hidden;background:#20140e;color:var(--room-cream)}
.room-hero::before,.room-hero::after{display:none}.room-scene{position:absolute;inset:0;z-index:-2;isolation:isolate;overflow:hidden;background:#24150d}.room-picture,.room-image{position:absolute;inset:0;width:100%;height:100%;display:block}.room-image{object-fit:cover;object-position:50% 50%}
.room-scene::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#140e096b,transparent 20%,transparent 79%,#1e150df0),linear-gradient(90deg,#1a100a70,transparent 55%)}
.room-hero .hero-copy{position:absolute;left:clamp(28px,5.5vw,94px);top:100px;width:min(440px,39vw);padding:0;z-index:3}.room-hero .hero-copy .eyebrow{color:#dfc49a;border:0;font-size:9px;line-height:1.6;letter-spacing:.14em;font-weight:400;margin:0 0 15px;padding:0;text-transform:uppercase}.room-hero h1{width:100%;max-width:500px;margin:0 0 18px}.room-hero .wordmark-button{padding:0 0 12px}.room-hero .hero-wordmark{filter:invert(1) sepia(.3) saturate(.8) brightness(.94);width:100%;height:auto}.room-hero .wordmark-star{position:absolute;left:0;top:0;width:100%;height:auto;filter:none;clip-path:inset(0 31% 58% 58%);pointer-events:none;transform-origin:18% 85%}.room-hero .is-naming .wordmark-star{animation:room-star-follow 2.2s cubic-bezier(.22,.75,.2,1) both}.room-hero .name-stroke{color:#c89757;height:17px;bottom:0}.room-hero .name-spark{mix-blend-mode:screen}.room-hero .wordmark-button:focus-visible{outline-color:#e6c68a}
@keyframes room-star-follow{0%{opacity:.1;transform:translateY(12px) rotate(-3deg) scale(.97)}30%{opacity:1;transform:translateY(-4px) rotate(1deg) scale(1.015)}48%{transform:translateY(2px) rotate(-.7deg) scale(.995)}66%{transform:translateY(-1px) rotate(.3deg) scale(1.005)}100%{opacity:1;transform:none}}
.room-hero .hero-statement{font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:43px;font-weight:450;line-height:1.02;letter-spacing:-.05em;margin:0 0 15px;color:#f5e7d1;max-width:none}.room-hero .hero-intro{color:#e3cfaf;font-size:14px;line-height:1.75;max-width:410px;margin:0 0 21px;text-shadow:0 1px 8px #1d0e08}.room-hero .hero-actions{gap:0}.room-hero .primary-button{background:linear-gradient(140deg,#ac5541,#803c2e);border:1px solid #cf95744f;color:#fff1df;border-radius:10px;min-height:49px;padding:10px 12px 10px 18px;font-size:11px;gap:18px;box-shadow:0 1px 0 #ffd6b326 inset,0 5px 15px #13090440}.room-hero .primary-button:hover{background:linear-gradient(140deg,#bc614a,#964936);box-shadow:0 1px 0 #ffd6b333 inset,0 6px 20px #100a0550}.room-hero .primary-button>span{background:#ecd5aa;color:#6c3525;width:27px;height:27px}.room-hero .primary-button:focus-visible{outline:3px solid #ebc480;outline-offset:5px}
.room-hero .personal-stage{position:absolute;left:clamp(28px,5.5vw,94px);bottom:80px;width:214px;max-width:none;margin:0;z-index:4}.room-hero .portrait-stage{height:350px;width:214px;isolation:isolate}.room-hero .portrait-stage .portrait-file{left:0;right:auto;top:0;bottom:auto;width:214px;padding:9px 9px 11px;margin:0;background:linear-gradient(115deg,#eee2c9,#dccbac);border:1px solid #a28d64;transform:rotate(-7deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:50% 50%;box-shadow:2px 3px 4px #10080366,12px 20px 26px #0e0807a8}.room-hero .portrait-stage .portrait{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 50%;border:1px solid #b2a183;filter:saturate(.87) contrast(1.02)}.room-hero .portrait-caption .signature-space{height:65px;margin:0}.room-hero .portrait-stage .portrait-file figcaption.portrait-caption{margin:2px 0 0;display:block}.room-hero .portrait-stage .portrait-file figcaption .portrait-caption-line{font:7px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:0;color:#67573e;margin:0}.room-hero .portrait-stage .photo-tape{width:91px;height:28px;top:-15px;left:calc(50% - 45px)}
.room-hero.is-playing .portrait-file{animation:room-photo-land 1.25s cubic-bezier(.2,.7,.2,1) .05s both}@keyframes room-photo-land{0%{opacity:0;transform:translate(-18px,-50px) rotate(-17deg) rotateX(18deg) scale(1.1)}14%{opacity:1}48%{transform:translateY(2px) rotate(-8.3deg) rotateX(-3deg) scale(.995)}67%{transform:translateY(-2px) rotate(-6deg) rotateX(1.3deg) scale(1.005)}84%{transform:translateY(.5px) rotate(-7.3deg)}100%{opacity:1;transform:rotate(-7deg)}}
.room-hero .maker-controls{position:relative;display:flex;flex-wrap:wrap;gap:3px 17px;width:285px;max-width:none;margin:8px 0 0;padding:0;border:0;min-height:30px}.room-hero .maker-controls button{color:#d9c19d;font-size:8px;font-weight:400;line-height:1.4;min-height:36px;white-space:nowrap;padding:4px 0}.room-hero .maker-controls button:hover{color:#fff0ce}.room-hero .maker-controls button:focus-visible{outline:2px solid #e8bf76;outline-offset:4px}.room-hero .fire-toggle::before{background:#e8a344;box-shadow:0 0 6px #e0883e99}
.room-seat{position:absolute;z-index:4;left:59%;top:49%;width:31%;height:35%;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#f6e6cb;border:1px solid transparent;border-radius:42% 42% 16% 16%;outline-offset:7px}.room-seat-label{display:flex;flex-direction:column;gap:4px;padding:12px 17px 13px;background:#26170ee8;border:1px solid #d9a66a88;border-radius:8px;box-shadow:0 7px 20px #0f080a50;transform:translateY(52px);transition:transform .25s,background .25s,box-shadow .25s}.room-seat-label b{font-family:Georgia,serif;font-size:23px;font-style:italic;letter-spacing:-.025em;font-weight:400;line-height:1.1}.room-seat-label small{font:8px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.025em;color:#d4b88d}.room-seat:hover .room-seat-label{transform:translateY(46px);background:#422619;box-shadow:0 0 30px #f8b25a25,0 8px 18px #10080580}.room-seat:focus-visible{outline:2px solid #edc37b;border-color:#dfb97688;background:#e8ac4f0b}.room-workbench{position:absolute;z-index:4;right:5.5%;bottom:38px;color:#d7bf99;font-size:10px;letter-spacing:.035em;text-decoration:none;border-bottom:1px solid #9e795267;padding:12px 0}.room-workbench span{display:inline-block;margin-left:24px;color:#e3b769}.room-workbench:hover{color:#fff0d2}.room-workbench:focus-visible{outline:2px solid #edc37b;outline-offset:5px}
.room-scene .living-fire{position:absolute;inset:auto;z-index:1;display:block;mix-blend-mode:screen;opacity:.7;pointer-events:none;filter:blur(.5px);mask-image:radial-gradient(ellipse at 50% 65%,#000 25%,#000b 55%,transparent 76%)}.room-hero .hearth-log-front,.room-hero .fire-box-shade{display:none}
/* From a comfortable room to a tactile workbench, then into other worlds. */
.services-section{position:relative;isolation:isolate;display:grid;grid-template-columns:225px minmax(0,1fr);gap:48px;width:min(1260px,calc(100% - 100px));margin:77px auto 65px;padding:46px 42px 43px;border:1px solid #ab8d626e;border-top:1px solid #e1c697;border-radius:3px;background:radial-gradient(ellipse at 18% 2%,#ecddbd66,transparent 65%),linear-gradient(110deg,#ceba94,#e0cba7 53%,#cdb58f);box-shadow:0 2px 1px #715637,0 12px 40px #0f080b48;color:#30271a}.services-section::before{content:"FROM THE ROOM TO THE WORKBENCH";position:absolute;top:-29px;left:0;color:#c9ad83;font:8px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.15em;transform:none;writing-mode:horizontal-tb;opacity:1}.services-section::after{display:none}.services-heading h2,.services-heading h2 em{font-size:39px}.services-heading h2 em{color:#8b3e2d}.services-heading>p:not(.eyebrow){color:#5f503a}.services-heading .eyebrow,.service-no{color:#805039}.service-offer h3{color:#3a2c1d;font-size:17px;min-height:42px}.service-offer p{color:#5e503a}.service-offer>a{color:#6d3f2c;border-color:#9e7956}.service-offer>a:hover{color:#803729}.studio-play{color:#744c34;border-color:#9b7550}.service-offers{gap:28px}.service-offer{border-color:#ae9470}.service-no{font-size:7px;letter-spacing:.06em}
.family-section{clip-path:none;border-top:1px solid #a06e4c66;border-bottom:1px solid #9f74534d;background:radial-gradient(ellipse at 65% 30%,#7b382321,transparent 65%),#512b25;padding-top:65px;padding-bottom:56px}.family-section::before{opacity:.35}.family-copy>p:not(.eyebrow){color:#ddc8ad}.family-copy .eyebrow{color:#e0bd80}.ticket-caption{color:#d2b38d}.family-cta{color:#efdab5}
.work-section{background:radial-gradient(ellipse at 40% 10%,#634a2d3d,transparent 65%),#2b2219;color:#eadac0;padding-top:72px;padding-bottom:65px;border-bottom:1px solid #79604366}.work-section::before{display:none}.work-section .section-heading .eyebrow{color:#c6a97b}.work-section .section-heading h2,.work-section .section-heading h2 em{color:#efdec0}.work-section .section-heading h2 em{color:#d3b17b}.page-indicator{color:#bfa783}.pager button{border-color:#836443;background:linear-gradient(#5a4430,#39291e);box-shadow:0 1px 0 #c0a07518 inset;color:#ead5ae}.pager button[aria-pressed=true]{background:#d2b273;color:#302112;border-color:#e6c88e}.pager button:hover:enabled{background:#77583a;color:#fff0d4}.browser-frame{border-color:#98764e;box-shadow:0 2px 0 #5c4129,0 14px 30px #100a0870}.browser-bar{background:linear-gradient(#5b4835,#36291f);border-color:#8a6946;color:#e1caa1}.window-dots i{background:#b7845b}.exhibit-caption h3{color:#eddbc1}.exhibit-caption p{color:#c2ad8c}.project-arrow{color:#e4c794;border-color:#9a7750}.exhibit>a:hover .project-arrow{background:#b39159;color:#22150c;border-color:#c7a770}.evidence-foot{border-color:#7a5c3d77;color:#bdaa8e}.motion-control{color:#d3bc96;border-color:#9c7b52}
.contact-section{clip-path:none;background:radial-gradient(ellipse at 80% 40%,#80593829,transparent 65%),#302018;color:#ecddc3;padding-top:53px;padding-bottom:86px}.contact-inner{border-top:0}.contact-intro .eyebrow{color:#c9a977}.contact-intro h2 button{color:#f2e3cb}.contact-intro h2 button span{color:#d1b782}.contact-intro>p:last-of-type{color:#c9b79b}.contact-arrow{color:#ba7d55}.composer{background:#f1e6cc}.composer-address{background:transparent}.site-footer{clip-path:none;background:#211710;border-color:#71543677}.footer-makers-mark{color:#cbb28a}.footer-inner>div>p{color:#b49b79}.footer-bottom,.footer-bottom p{color:#b39b79!important}.footer-bottom a{color:#d2b88e}
@media(min-width:1600px){.room-hero .hero-copy{top:120px;width:490px}.room-hero h1{max-width:490px}.room-hero .hero-statement{font-size:49px}.room-hero .hero-intro{font-size:15px;max-width:440px}.room-hero .personal-stage{bottom:95px;width:238px}.room-hero .portrait-stage{width:238px;height:390px}.room-hero .portrait-stage .portrait-file{width:238px}.room-hero .portrait-caption .signature-space{height:74px}}
@media(max-width:1100px) and (min-width:701px){.traditional-hero.room-hero{height:900px}.room-hero .hero-copy{width:405px;top:100px}.room-hero h1{max-width:405px}.room-hero .hero-statement{font-size:37px}.room-hero .hero-intro{font-size:13px;max-width:360px}.room-hero .personal-stage{bottom:80px;width:191px}.room-hero .portrait-stage{width:191px;height:322px}.room-hero .portrait-stage .portrait-file{width:191px}.room-hero .portrait-caption .signature-space{height:57px}.room-seat{left:63%;width:30%;top:53%;height:28%}.room-seat-label{padding:11px 14px}.room-seat-label b{font-size:21px}.services-section{width:calc(100% - 74px);grid-template-columns:1fr;gap:30px;padding:38px}.services-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.services-heading .eyebrow{grid-column:1/-1}.services-heading h2{grid-row:2/4}.services-heading>p:not(.eyebrow){margin:0;max-width:310px}.studio-play{justify-self:start;margin-top:16px}.service-offers{gap:25px}}
@media(max-width:700px){.site-header{padding:20px 25px}.site-header .maker-brand{width:38px;height:38px}.traditional-hero.room-hero{height:1140px;min-height:0}.room-scene{inset:282px 0 210px}.room-scene::after{background:linear-gradient(180deg,#20140e,transparent 17%,transparent 78%,#20140e),linear-gradient(90deg,#1a100a18,transparent 45%)}.room-image{object-position:center}.room-hero .hero-copy{top:79px;left:25px;width:calc(100% - 50px);max-width:500px}.room-hero .hero-copy .eyebrow{font-size:7px;letter-spacing:.11em;margin-bottom:12px}.room-hero h1{width:100%;max-width:370px;margin:0 0 15px}.room-hero .hero-statement{font-size:36px;line-height:1.08;margin-bottom:12px}.room-hero .hero-intro{font-size:13px;line-height:1.75;max-width:390px;margin-bottom:19px}.room-hero .hero-actions{display:none}.room-hero .personal-stage{left:25px;bottom:73px;width:calc(100% - 50px);max-width:480px;margin:0;z-index:4}.room-hero .portrait-stage{width:100%;height:164px}.room-hero .portrait-stage .portrait-file{top:0;left:0;width:100%;height:164px;display:flex;align-items:center;gap:14px;padding:10px;transform:rotate(-3deg) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));border-color:#aa9067;background:linear-gradient(110deg,#e9d9b9,#d7c19b);box-shadow:0 5px 7px #0b07054d,8px 14px 25px #0e08088c}.room-hero .portrait-stage .portrait{width:109px;height:141px;aspect-ratio:auto;flex-shrink:0}.room-hero .portrait-stage .portrait-file figcaption.portrait-caption{margin:0;flex:1;min-width:0}.room-hero .portrait-caption .signature-space{height:73px;max-width:210px;width:100%;margin:0 auto 0}.room-hero .portrait-stage .portrait-file figcaption .portrait-caption-line{font-size:8px;line-height:1.5;max-width:150px;margin:0 auto}.room-hero .portrait-stage .photo-tape{left:37px;top:-12px;width:82px;height:25px;transform:rotate(7deg)}.room-hero .maker-controls{width:100%;gap:5px 22px;margin:10px 0 0;padding:0;min-height:34px}.room-hero .maker-controls button{font-size:8px;min-height:34px}.room-seat{left:38%;top:49%;width:56%;height:25%;border-radius:40% 40% 12% 12%}.room-seat-label{transform:translateY(35px);padding:12px 15px;background:#25170eef}.room-seat-label b{font-size:24px}.room-seat-label small{font-size:8px}.room-seat:hover .room-seat-label{transform:translateY(31px)}.room-workbench{bottom:19px;right:25px;font-size:9px;padding:10px 0}.room-workbench span{margin-left:20px}.room-hero.is-playing .portrait-file{animation-name:room-photo-land-mobile}@keyframes room-photo-land-mobile{0%{opacity:0;transform:translate(-15px,-38px) rotate(-13deg) scale(1.08)}15%{opacity:1}50%{transform:translateY(2px) rotate(-4deg) scale(.996)}70%{transform:translateY(-1px) rotate(-2deg)}100%{opacity:1;transform:rotate(-3deg)}}.services-section{width:calc(100% - 44px);display:block;margin:54px auto 40px;padding:30px 23px 20px;border-radius:3px}.services-section::before{font-size:6px;letter-spacing:.13em;top:-25px}.services-heading{display:block;margin-bottom:27px}.services-heading h2,.services-heading h2 em{font-size:35px}.services-heading h2 br{display:none}.services-heading>p:not(.eyebrow){font-size:12px;max-width:290px;line-height:1.7}.service-offer{grid-template-columns:minmax(0,1fr) 112px;gap:0 16px}.service-offer h3{font-size:18px;min-height:0}.service-no{font-size:6px;letter-spacing:.035em}.service-offer p{font-size:11px;line-height:1.8}.service-offer>a{font-size:9px;gap:12px}.service-offer:last-child{border:0;padding-bottom:0}.family-section{padding-top:39px;padding-bottom:43px}.work-section{padding-top:53px;padding-bottom:50px}.contact-section{padding-top:36px;padding-bottom:67px}.contact-inner{padding-top:0}.room-hero .wordmark-button{padding-bottom:11px}}
@media(max-width:380px){.traditional-hero.room-hero{height:1110px}.room-hero .hero-copy{top:77px;left:21px;width:calc(100% - 42px)}.room-hero .hero-copy .eyebrow{font-size:6px}.room-hero .hero-statement{font-size:31px}.room-hero .hero-intro{font-size:12px;line-height:1.8}.room-scene{inset:280px 0 204px}.room-seat{top:49%;height:25%;left:35%;width:60%}.room-seat-label b{font-size:22px}.room-seat-label small{font-size:7px}.room-hero .personal-stage{left:21px;width:calc(100% - 42px);bottom:72px}.room-hero .portrait-stage,.room-hero .portrait-stage .portrait-file{height:150px}.room-hero .portrait-stage .portrait-file{gap:10px;padding:9px}.room-hero .portrait-stage .portrait{width:96px;height:130px}.room-hero .portrait-caption .signature-space{height:62px}.room-hero .portrait-stage .portrait-file figcaption .portrait-caption-line{font-size:7px}.room-hero .maker-controls{gap:5px 18px}.room-hero .maker-controls button{font-size:7px}.room-workbench{right:21px}.services-section{width:calc(100% - 38px);padding:28px 19px 20px}.services-heading h2,.services-heading h2 em{font-size:30px}.service-offer{grid-template-columns:minmax(0,1fr) 89px;gap:0 13px}.service-offer h3{font-size:16px}.service-offer p{font-size:10px}.service-offer>a{font-size:8px;gap:9px}}
@media(prefers-reduced-motion:reduce){.room-hero .portrait-stage .portrait-file{animation:none!important;transform:rotate(-7deg)!important}.room-hero .wordmark-star{animation:none!important}.room-seat-label{transition:none}.room-hero .living-fire{display:none}.room-hero .hero-wordmark{filter:invert(1) sepia(.3) saturate(.8) brightness(.94)}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.room-hero .portrait-stage .portrait-file{transform:rotate(-3deg)!important}}
@media print{.site-header{position:static;color:black}.traditional-hero.room-hero{height:auto;min-height:520px;display:grid;grid-template-columns:1fr 1fr;background:white;color:black;padding:30px}.room-scene,.room-seat,.room-workbench{display:none}.room-hero .hero-copy{position:static;width:auto}.room-hero .hero-wordmark{filter:none}.room-hero .wordmark-star{display:none}.room-hero .hero-statement,.room-hero .hero-intro,.room-hero .hero-copy .eyebrow{color:black;text-shadow:none}.room-hero .personal-stage{position:static;width:214px}.room-hero .portrait-stage .portrait-file{box-shadow:none}.services-section{width:100%;margin-top:20px;background:white;box-shadow:none}.work-section,.contact-section,.site-footer,.family-section{background:white;color:black}.work-section .section-heading h2,.work-section .section-heading h2 em,.exhibit-caption h3,.exhibit-caption p{color:black}}

/* Keep the portrait clear of the introduction and preserve natural flame texture. */
@media(min-width:1101px){.traditional-hero.room-hero{height:clamp(960px,66.7vw,1120px)}.room-hero .personal-stage{bottom:35px}}
@media(min-width:701px) and (max-width:1100px){.traditional-hero.room-hero{height:960px}.room-hero .personal-stage{bottom:45px}}
.room-scene .living-fire{opacity:1;mix-blend-mode:normal;filter:none;mask-image:radial-gradient(ellipse at 50% 55%,#000 15%,#000b 40%,transparent 69%)}
