:root{--paper:#f7f8f2;--sage:#dce5d4}body{background:radial-gradient(ellipse at 90% 7%,#e0e9d485,transparent 28%),var(--paper)}header{position:relative;z-index:3}header nav a{position:relative;padding:12px 0}header nav a:after{content:'';height:2px;background:var(--ink);position:absolute;left:0;right:0;bottom:3px;transform:scaleX(0);transform-origin:left;transition:transform .3s}header nav a:hover:after{transform:scaleX(1)}.contact-link{border:1px solid #173f3533;border-radius:30px;padding:12px 17px;transition:background .25s}.contact-link:hover{background:var(--lime)}.hero{grid-template-columns:1fr 1.02fr;gap:34px;padding-top:52px;padding-bottom:63px}.hero h1{font-size:clamp(77px,8.3vw,120px);line-height:1.01;font-weight:500;letter-spacing:-7px}.hero h1 em{color:#658944}.hero h1 em:after{height:7px;opacity:.7;bottom:-7px;border-radius:50%;transform:rotate(-3deg)}.hero .intro{max-width:435px;font-size:16px}.hero .hero-note{letter-spacing:.2px;margin-top:40px}.hero-art.sculpture-stage{--rx:0;--ry:0;aspect-ratio:.97;border-radius:50% 50% 6px 6px;background:radial-gradient(ellipse at 40% 28%,#edf4e3 0,#cedcc5 45%,#9eb49c 90%);box-shadow:inset 0 0 60px #385b3626,0 30px 60px -35px #173f3555;min-width:0;overflow:hidden}.sculpture-stage:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.3' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.14;mix-blend-mode:multiply}.sculpture-grid{position:absolute;inset:0;background-image:radial-gradient(#173f352f .7px,transparent .9px);background-size:15px 15px;mask-image:radial-gradient(ellipse,#0000 25%,#000 85%)}#fremio-sculpture{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(12px 25px 13px #123e3630)}.sculpture-monogram{position:absolute;inset:28% 29% 25%;filter:drop-shadow(7px 15px 8px #16372b40);transform:perspective(800px) rotateX(calc(var(--ry)*-9deg)) rotateY(calc(var(--rx)*12deg)) rotateZ(-8deg);transition:transform .12s ease-out;pointer-events:none}.sculpture-monogram svg{width:100%;height:100%;overflow:visible}.f-face{fill:url(#fSurface);stroke:#eaffc6;stroke-width:.7}.f-extrusion{fill:#547545;transform:translate(6px,9px);stroke:#56764b;stroke-width:3}.sculpture-stage .art-label{top:45px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:2px;z-index:1}.art-label i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#547b42;margin-right:6px;box-shadow:0 0 0 4px #65894415}.sculpture-axis{position:absolute;font-size:17px;font-weight:300;opacity:.6}.axis-x{top:49%;left:20px}.axis-y{top:49%;right:20px}.sculpture-bottom{position:absolute;bottom:21px;left:24px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sculpture-bottom span{font-size:7px;letter-spacing:1.4px}.sculpture-bottom button{border:1px solid #173f3544;background:#ffffff30;width:28px;height:28px;border-radius:50%;color:var(--ink);font-size:11px;z-index:2}.sculpture-hint{position:absolute;bottom:65px;left:0;right:0;text-align:center;font-size:6px;letter-spacing:1.7px;opacity:.65}.service-strip{background:linear-gradient(115deg,#173f35,#294c3d 60%,#365843);border-bottom:1px solid #8ca679;position:relative;padding:25px 6%}.service-strip:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#d5f66b,transparent)}.service-strip i{transition:transform .4s}.service-strip:hover i{transform:rotate(90deg)}.services .section-heading h2{max-width:650px}.service-list details{transition:background .3s,padding .3s;border-color:#c8d5c6}.service-list details[open]{background:linear-gradient(105deg,#e5eddd70,transparent);padding-inline:20px}.service-list summary:hover .plus{background:#e1eccd}.service-list .plus{border:1px solid #cad8c3;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:23px;transition:transform .3s,background .3s}.portfolio{position:relative;padding-top:45px;padding-bottom:110px}.portfolio:before{content:'';position:absolute;z-index:-1;inset:10% 0 -10%;background:radial-gradient(ellipse at 15% 50%,#dce8d8b3,transparent 65%)}.project-image{position:relative;padding:15px;background:#dce6d4;border-radius:4px;border:0;aspect-ratio:1.35;transition:background .3s,transform .45s,box-shadow .45s}.project-image img{object-fit:cover;object-position:top;border-radius:3px;box-shadow:0 9px 25px #1b332420;transition:transform .55s}.project-image.salon-preview{background:#e5d7d1}.project-image.cafe-preview{background:#e9dfbc}.project-image:after{content:'ÅPNE ↗';position:absolute;bottom:26px;right:26px;border-radius:30px;background:var(--ink);color:var(--paper);font-size:9px;letter-spacing:1px;padding:12px 18px;transform:translateY(8px);opacity:0;transition:opacity .3s,transform .3s}.project-image:hover:after{opacity:1;transform:none}.project-image:hover{transform:translateY(-6px);box-shadow:0 20px 30px -20px #173f3566}.project-image:hover img{transform:scale(1.025)}.project h3{margin-top:25px}.project>p{font-size:13px}.possibilities{background:radial-gradient(ellipse at 100% 0,#d5e9b7,transparent 65%),#e4ebdd;border:1px solid #d4dfce;position:relative;overflow:hidden}.possibilities:before{content:'';position:absolute;right:-150px;top:-250px;width:500px;height:500px;border:1px solid #173f3512;border-radius:50%;box-shadow:0 0 0 35px #173f3506,0 0 0 70px #173f3505,0 0 0 105px #173f3504;pointer-events:none}.website-points article{position:relative}.website-points article>span{display:inline-grid;place-items:center;width:48px;height:48px;border:1px solid #a8bca0;border-radius:50%;background:#f7f8f259;transition:transform .4s}.website-points article:hover>span{transform:rotate(-18deg);background:#d5f66b99}.steps article{position:relative}.steps article:before{content:'';position:absolute;width:5px;height:5px;border-radius:50%;top:-3px;left:0;background:#6f9060;box-shadow:0 0 0 6px var(--paper)}.about{gap:70px;padding-bottom:110px}.about-mark.blueprint{aspect-ratio:1.17;font-size:inherit;background:radial-gradient(ellipse at 50% 50%,#315c48,#173f35 70%);box-shadow:0 24px 45px -30px #173f3566;border:1px solid #577a5e;overflow:hidden}.blueprint:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#e6ffdf08 1px,transparent 1px),linear-gradient(90deg,#e6ffdf08 1px,transparent 1px);background-size:25px 25px}.blueprint svg{width:100%;height:100%;position:relative}.about-mark .blueprint-label{position:absolute;left:25px;top:24px;font:8px 'DM Sans',sans-serif;letter-spacing:2px;color:#cee0ba;z-index:1}.about-mark .blueprint-caption{position:absolute;bottom:23px;top:auto;left:25px;right:auto;font:10px 'DM Sans',sans-serif;color:#b6cbaa;letter-spacing:1px}.blueprint-pulse{transform-origin:181px 138px;animation:blueprintPulse 4s ease-out infinite}.contact{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 30%,#3c6543,transparent 60%),#173f35}.contact:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.15;background-image:radial-gradient(#d5f66b 1px,transparent 1.1px);background-size:18px 18px;mask-image:linear-gradient(100deg,transparent 40%,#000)}.contact>div{position:relative}.contact-note{background:#ffffff07;backdrop-filter:blur(5px);border-color:#a5bf9155}.button{border-radius:30px}.text-link{transition:color .2s}.text-link:hover{color:#668a3c}.studio-motion .studio-reveal{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.studio-motion .studio-reveal.visible{opacity:1;transform:none}.studio-paused *,.studio-paused *:before,.studio-paused *:after{animation-play-state:paused!important}.studio-paused .studio-reveal{opacity:1;transform:none}@keyframes blueprintPulse{0%{transform:scale(.5);opacity:.8}100%{transform:scale(2.5);opacity:0}}@media(max-width:1000px){.hero h1{font-size:88px;letter-spacing:-5px}.hero{gap:28px}.sculpture-stage .art-label{top:35px;font-size:7px}.sculpture-bottom span{font-size:6px}.sculpture-hint{font-size:5px}.project-image{padding:9px}.about{gap:40px}}@media(max-width:650px){.hero{padding-top:38px;gap:38px;grid-template-columns:1fr}.hero h1{font-size:82px;letter-spacing:-5px}.hero .intro{font-size:15px}.hero-art.sculpture-stage{aspect-ratio:1.12;border-radius:45% 45% 5px 5px}.hero .hero-note{margin-top:28px}.sculpture-hint{display:none}.sculpture-stage .art-label{top:28px;font-size:7px}.sculpture-bottom span{font-size:6px}.sculpture-bottom{bottom:14px;left:20px;right:18px}.sculpture-monogram{inset:26% 31% 22%}.project-image{padding:15px;aspect-ratio:1.35}.project-image:after{opacity:1;transform:none}.portfolio{padding-top:25px;padding-bottom:65px}.service-list details[open]{padding-inline:12px}.service-content{padding-left:0}.about{padding-bottom:65px}.about-mark.blueprint{aspect-ratio:1.2}.contact-link{padding:10px 13px}.studio-reveal{transition-duration:.5s}.contact:before{opacity:.08}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.studio-motion .studio-reveal{opacity:1;transform:none}}
.hero-art.sculpture-stage{border-radius:8px 90px 8px 8px}@media(max-width:650px){.hero-art.sculpture-stage{border-radius:8px 65px 8px 8px}}
.contact-link{display:inline-flex;align-items:center;white-space:nowrap;gap:15px}.contact-link span{margin-left:0}.project-image img{object-fit:contain;object-position:center;box-shadow:none}@media(max-width:360px){.hero h1{font-size:65px;letter-spacing:-4px}.contact-link{font-size:11px;gap:10px;padding:10px}.brand img{width:123px}}
